body {
    background-color: #f8f8f8
}

body.fixed {
    margin-bottom: 6.66667rem
}

body.white {
    background-color: #fff
}

.g-wrap {
    padding-bottom: 5.33333rem
}

.g-body-top {
    padding-top: 4.16667rem
}

.g-fixTop-wrap {
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #eee
}

.g-fixTop-wrap.none {
    border: none
}

.g-wrap-2 {
    padding: 10.33333rem 0 5.33333rem
}

.g-divideWrap {
    margin-bottom: .83333rem;
    background-color: #fff
}

.g-divideWrap.gray {
    background-color: #f8f8f8
}

.g-mbWrap {
    margin-bottom: 1.25rem
}

.g-paddingWrap {
    padding: 0 1.25rem
}

.g-divideWrap-2 {
    margin-top: 1.25rem
}

.g-btnWrap {
    padding: 1.66667rem 1.25rem 0;
    text-align: center
}

.g-btnWrap .btn {
    width: 100%;
    font-size: 1.41667rem
}

.g-btnWrap.g-btnWrap-2 {
    padding-top: .41667rem
}

.g-btnWrap.g-btnWrap-2 .btn {
    height: 3.5rem;
    line-height: 3.5rem
}

.g-btnWrap.g-btnWrap-3 {
    padding: 1.25rem;
    background-color: #fff
}

.g-fix-btnWrap {
    position: fixed !important;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: .66667rem 1.25rem;
    box-sizing: border-box;
    background-color: hsla(0, 0%, 100%, .8);
    z-index: 3
}

.g-fix-btnWrap .btn {
    width: 100%;
    font-size: 1.5rem
}

.g-fix-btmWrap {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    height: 5rem;
    box-sizing: border-box;
    background-color: #fff;
    border-top: 1px solid #eee;
    z-index: 3
}

.g-fix-btmWrap.transparent {
    background-color: transparent
}

.g-fix-btmWrap .btmCtnWrap, .g-fix-btmWrap .btnBtmWrap {
    box-sizing: border-box
}

.g-fix-btmWrap .btmCtnWrap {
    position: relative;
    max-width: 60%;
    padding-left: .83333rem
}

.g-fix-btmWrap .btmCtnWrap .mainInfo {
    padding-top: .83333rem;
    font-size: 2rem;
    color: #00bfbf
}

.g-fix-btmWrap .btmCtnWrap .subInfo {
    position: absolute;
    left: .83333rem;
    top: 2.83333rem;
    font-size: 1.08333rem;
    color: #888;
    line-height: 1.33333rem
}

.g-fix-btmWrap .btmBtnWrap .btn {
    width: 10rem;
    height: 5rem;
    line-height: 5rem;
    border: none;
    border-radius: 0;
    font-size: 1.5rem
}

.g-fix-btmWrap .btnWrap {
    font-size: 0
}

.g-richTxtCtn {
    padding: .66667rem 1rem
}

.g-richTxtCtn * {
    max-width: 100% !important
}

.g-richTxtCtn p {
    font-size: 1.16667rem;
    line-height: 1.5rem
}

.g-richTxtCtn .m-empty .icn {
    margin-top: 2rem
}

.g-layerWrap {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
    z-index: 6
}

.g-layerWrap.light {
    background-color: #f8f8f8
}

.g-layerWrap.dark {
    background-color: rgba(0, 0, 0, .8)
}

.g-fixedMiddle-top {
    position: fixed;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.g-mtWrap-large {
    margin-top: 11rem
}

.g-mtWrap-middle {
    margin-top: 4.16667rem
}

.g-center-wrap {
    text-align: center
}

.g-fixedWrap-btm {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3
}

@media screen and (min-width: 320px) {
    html {
        font-size: 10px
    }
}

@media screen and (min-width: 375px) {
    html {
        font-size: 12px
    }
}

@media screen and (min-width: 414px) {
    html {
        font-size: 14px
    }
}

@media screen and (min-width: 600px) {
    html {
        font-size: 16px
    }
}

.f-dn {
    display: none !important
}

.f-show {
    display: block !important
}

.f-thide {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.f-cf:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.f-fl {
    float: left
}

.f-fr {
    float: right
}

.u-flag {
    display: inline-block;
    padding: .5rem .83333rem;
    line-height: 1.25rem
}

.u-flag-gray {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #e2e2e2;
    color: #888
}

.retainb, .retainbb, .retainbl, .retainbr, .retainbt {
    position: relative;
    position: relative !important
}

.retainbb:after, .retainbt:before {
    pointer-events: none;
    position: absolute;
    content: "";
    height: .08333rem;
    max-height: .08333rem;
    background: #eee;
    left: 0;
    right: 0
}

.retainbb-dark:after, .retainbt-dark:before {
    background: #ddd
}

.retainbt:before {
    top: 0
}

.retainbb:after {
    bottom: 0
}

.retainbl:before, .retainbr:after {
    pointer-events: none;
    position: absolute;
    content: "";
    width: .08333rem;
    max-width: .08333rem;
    background: #eee;
    top: 0;
    bottom: 0
}

.retainbl-dark:before, .retainbr-dark:after {
    background: #ddd
}

.retainbl:before {
    left: 0
}

.retainbr:after {
    right: 0
}

.retainb:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid #eee;
    pointer-events: none
}

.retainb-dark:after {
    border: 1px solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5),(min-resolution: 1.5dppx),(min-resolution: 144dpi) {
    .retainbb:after, .retainbt:before {
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    .retainbl:before, .retainbr:after {
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5)
    }

    .retainb:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    .retainb:after, .retainbl:before, .retainbt:before {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .retainbb:after, .retainbr:after {
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
}

@media (-webkit-device-pixel-ratio: 1.5) {
    .retainbb:after, .retainbt:before {
        -webkit-transform: scaleY(.6666);
        transform: scaleY(.6666)
    }

    .retainbl:before, .retainbr:after {
        -webkit-transform: scaleX(.6666);
        transform: scaleX(.6666)
    }

    .retainb:after {
        width: 150%;
        height: 150%;
        -webkit-transform: scale(.6666);
        transform: scale(.6666)
    }
}

@media (-webkit-device-pixel-ratio: 3) {
    .retainbb:after, .retainbt:before {
        -webkit-transform: scaleY(.3333);
        transform: scaleY(.3333)
    }

    .retainbl:before, .retainbr:after {
        -webkit-transform: scaleX(.3333);
        transform: scaleX(.3333)
    }

    .retainb:after {
        width: 300%;
        height: 300%;
        -webkit-transform: scale(.3333);
        transform: scale(.3333)
    }
}

.m-footer {
    padding: 1.66667rem 0 .83333rem;
    position: relative
}

.m-footer .info, .m-footer .lang {
    line-height: 1.41667rem;
    font-size: 1rem;
    color: #666;
    text-align: center;
    margin-bottom: .25rem
}

.m-footer .info:last-child, .m-footer .lang:last-child {
    margin-bottom: 0
}

.m-footer .info a, .m-footer .lang a {
    color: #666;
    padding: 0 .66667rem
}

.m-footer .lang {
    font-size: 1rem;
    color: #bbb;
    margin-top: 1rem
}

.m-footer .lang .main {
    color: #00bfbf
}

.m-footer .btn {
    position: absolute;
    right: 1.25rem;
    bottom: 2.5rem;
    width: 3.33333rem;
    height: 24px;
    line-height: 22px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 5px;
    text-align: center;
    background-color: #fff;
    color: #00bfbf
}

.m-courseTitle {
    padding: 1.25rem
}

.m-courseTitle .title {
    padding-bottom: .83333rem;
    color: #333;
    font-size: 1.66667rem;
    font-weight: 400
}

.m-courseTitle .infoWrap .info {
    display: inline-block;
    padding-right: 1.66667rem;
    font-size: 0;
    height: 1.33333rem
}

.m-courseTitle .infoWrap .info .icon {
    vertical-align: middle;
    margin-right: .5rem
}

.m-courseTitle .infoWrap .info .txt {
    vertical-align: middle;
    display: inline-block;
    font-size: 1.08333rem;
    color: #888
}

.m-ratingScores {
    padding: 1.5rem 0
}

.m-ratingScores .scoreList {
    font-size: 0
}

.m-ratingScores .scoreList .scoreItem {
    display: inline-block;
    width: 33.33%;
    text-align: center
}

.m-ratingScores .scoreList .scoreItem .name {
    font-size: 1.16667rem;
    color: #666
}

.m-ratingScores .scoreList .scoreItem .score {
    font-size: 3.5rem;
    color: #fea500
}

.m-ratingScores .scoreList .scoreItem .stars {
    height: .83333rem
}

.m-ratingScores .scoreList .scoreItem .m-stars {
    display: inline-block
}

.m-impressions .m-subTitle {
    padding-top: 1.5rem;
    padding-bottom: .66667rem
}

.m-impressions .impressionList {
    padding: 0 1.66667rem;
    font-size: 0;
    max-height: 5.33333rem;
    overflow: hidden
}

.m-impressions .impressionList.z-active {
    max-height: none;
    height: auto
}

.m-impressions .impressionList .impressionItem {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    box-sizing: border-box;
    height: 2rem;
    line-height: 2rem;
    margin: 0 1.25rem .83333rem 0;
    padding: 0 1rem;
    border-radius: 4px;
    font-size: 1rem
}

.m-impressions .trigger {
    padding-top: .5rem;
    text-align: center;
    margin-bottom: -1rem
}

.m-impressions .trigger.z-active .icon {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.m-subTitle {
    padding: 1rem 1.66667rem;
    font-size: 1.16667rem
}

.m-subTitle.m-subTitle-narrow {
    padding: .83333rem 1.16667rem
}

.m-subTitle .main {
    float: left;
    max-width: 60%;
    font-weight: 400;
    color: #666
}

.m-subTitle .sub {
    float: right;
    max-width: 40%;
    font-weight: 400;
    color: #00bfbf;
    margin: -1rem 0;
    line-height: 3.16667rem
}

.m-subTitle .p {
    clear: both;
    line-height: 2.5rem;
    font-size: 1rem;
    color: #999
}

.m-courseInfo {
    padding: 1.25rem;
    background-color: #fff
}

.m-courseInfo .left {
    float: left;
    width: 6.66667rem
}

.m-courseInfo .content {
    margin-left: 7.91667rem;
    margin-right: .83333rem
}

.m-courseInfo .content .right {
    float: right;
    margin-right: -.83333rem
}

.m-courseInfo .left .imgWrap {
    width: 6.66667rem;
    height: 6.66667rem;
    overflow: hidden;
    position: relative
}

.m-courseInfo .left .imgWrap .img {
    width: 100%;
    height: auto
}

.m-courseInfo .content .name {
    margin-bottom: .83333rem;
    color: #333;
    font-size: 1.66667rem;
    font-weight: 400
}

.m-courseInfo .content .txt {
    line-height: 2.16667rem;
    color: #888
}

.m-courseInfo .content .txt .icon {
    margin-right: .41667rem;
    vertical-align: middle;
    font-size: 1.08333rem;
    color: #888
}

.m-courseInfo .content .arrowWrap {
    margin-top: -4.08333rem
}

.m-infoList {
    padding: 0 1.25rem
}

.m-infoList > .item {
    display: block;
    padding: .83333rem 0 1rem;
    font-size: 0;
    position: relative
}

.m-infoList > .item.item-reverse .left {
    width: 75%
}

.m-infoList > .item.item-reverse .right {
    width: 25%
}

.m-infoList > .item .left {
    display: inline-block;
    width: 25%;
    vertical-align: middle
}

.m-infoList > .item .left.fix-top {
    vertical-align: text-bottom
}

.m-infoList > .item .left .content {
    font-size: 1.41667rem;
    color: #333
}

.m-infoList > .item .right {
    display: inline-block;
    width: 75%;
    vertical-align: middle
}

.m-infoList > .item .right .content {
    position: relative;
    float: right;
    font-size: 1.25rem;
    color: #888;
    line-height: 2.16667rem
}

.m-infoList > .item .right .content > span {
    margin-right: 1.16667rem
}

.m-infoList > .item .right .content.f-fl {
    float: left
}

.m-infoList > .item .right .content .arrow, .m-infoList > .item .right .content .star {
    vertical-align: middle
}

.m-infoList > .item .right .content .arrow-1 {
    position: absolute;
    top: .66667rem;
    right: 0
}

.m-infoList > .item .right .input {
    text-align: right
}

.m-infoList > .item .right .input, .m-infoList > .item .right .select {
    width: 100%;
    border: none;
    line-height: 2.16667rem;
    font-size: 1.25rem;
    color: #888
}

.m-infoList > .item .right .select {
    -webkit-appearance: none;
    padding-right: 1.33333rem;
    background-color: #fff;
    height: 2.16667rem;
    min-width: 100px
}

.m-infoList > .item .right .p {
    padding-right: 1.33333rem;
    display: inline-block;
    vertical-align: middle
}

.m-infoList > .item .warn {
    font-size: 1.25rem;
    color: #888;
    text-align: right;
    line-height: 1.66667rem
}

.m-infoList > .item .warn .normal {
    font-size: 1rem
}

.m-infoList > .item .m-dropdown {
    position: absolute !important;
    top: 100%;
    left: 0;
    right: 0;
    margin: .08333rem -1.25rem 0;
    z-index: 5
}

.m-infoList > .item.item-2 {
    padding: .83333rem 0 0
}

.m-infoList > .item.item-2:last-child {
    padding-bottom: .83333rem
}

.m-infoList > .item.item-3 {
    padding-top: 0
}

.m-infoList > .item.item-balance .left {
    width: 40%
}

.m-infoList > .item.item-balance .right {
    width: 60%
}

.m-showGallery {
    position: relative;
    background-color: #fff;
    min-height: 12.5rem;
    overflow: hidden
}

.m-showGallery.gray {
    background-color: #f8f8f8
}

.m-showGallery .cardContainer {
    left: 50%;
    top: 50%;
    margin: -4.58333rem 0 0 -8rem;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 200px;
    perspective: 200px
}

.m-showCard, .m-showGallery .cardContainer {
    position: absolute;
    width: 16.66667rem;
    height: 9.16667rem
}

.m-showCard {
    box-sizing: border-box;
    padding: .83333rem 1.25rem;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    left: 0;
    top: 0
}

.m-showCard .showCard-sideWrap {
    float: left;
    width: 4.16667rem;
    text-align: center
}

.m-showCard .showCard-sideWrap .showCard-imgWrap {
    width: 4.16667rem;
    height: 4.16667rem;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 50%;
    overflow: hidden
}

.m-showCard .showCard-sideWrap .showCard-imgWrap .img {
    width: 100%;
    height: 100%
}

.m-showCard .showCard-sideWrap .name {
    padding-top: .41667rem;
    text-align: center;
    color: #333;
    font-size: 1.16667rem
}

.m-showCard .showCard-sideWrap .m-stars {
    display: inline-block;
    margin: 0 -4px
}

.m-showCard .showCard-sideWrap .m-stars .item {
    width: 8px;
    height: 7px;
    margin: 0 .5px
}

.m-showCard .showCard-sideWrap .m-stars .item.sub .mask .star {
    width: 8px;
    height: 7px
}

.m-showCard .showCard-mainWrap {
    float: left;
    width: 10rem;
    margin-left: .66667rem
}

.m-showCard .showCard-mainWrap .des {
    font-size: 1rem;
    color: #888
}

.m-showCard .showCard-mainWrap .statLst {
    font-size: 0;
    line-height: 0;
    padding: .33333rem 0
}

.m-showCard .showCard-mainWrap .statLst .statItem {
    display: inline-block;
    text-align: center;
    padding: 0 0 0 .66667rem;
    border-left: 1px solid #ccc;
    box-sizing: border-box
}

.m-showCard .showCard-mainWrap .statLst .statItem:first-child {
    border: none;
    padding: 0 .66667rem 0 0
}

.m-showCard .showCard-mainWrap .statLst .statItem .count {
    font-size: 1.33333rem;
    color: #00bfbf;
    line-height: 1em
}

.m-showCard .showCard-mainWrap .statLst .statItem .type {
    font-size: 1rem;
    color: #666;
    line-height: 1em
}

.m-showCard .showCard-mainWrap .tagLst {
    font-size: 0;
    line-height: 0;
    margin-bottom: -.41667rem;
    height: 3.16667rem;
    overflow: hidden
}

.m-showCard .showCard-mainWrap .tagLst .tag {
    display: inline-block;
    margin-bottom: .25rem;
    padding: .16667rem .5rem;
    color: #ccc;
    border-right: 1px solid #eee;
    font-size: 1.08333rem;
    line-height: 1em
}

.m-showCard .showCard-headerWrap {
    margin-bottom: .41667rem
}

.m-showCard .showCard-headerWrap > .imgWrap {
    width: 4.16667rem;
    height: 4.16667rem;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 50%;
    overflow: hidden;
    float: left
}

.m-showCard .showCard-headerWrap > .imgWrap .img {
    width: 100%;
    height: 100%
}

.m-showCard .showCard-headerWrap > .titleWrap {
    margin-left: 4.83333rem;
    height: 4.16667rem
}

.m-showCard .showCard-headerWrap > .titleWrap .name {
    padding: .83333rem 0 .41667rem;
    color: #333;
    font-size: 1.16667rem
}

.m-showCard .showCard-headerWrap > .titleWrap .sub {
    color: #fea500
}

.m-showCard .showCard-headerWrap > .titleWrap .m-stars {
    display: inline-block
}

.m-showCard .showCard-headerWrap > .titleWrap .m-stars .item {
    width: 8px;
    height: 7px;
    margin: 0 .5px
}

.m-showCard .showCard-headerWrap > .titleWrap .m-stars .item.sub .mask .star {
    width: 8px;
    height: 7px
}

.m-showCard .showCard-ctnWrap .tagLst {
    font-size: 0;
    line-height: 0;
    margin-bottom: -.33333rem;
    margin-right: -.41667rem;
    height: 3.16667rem;
    overflow: hidden
}

.m-showCard .showCard-ctnWrap .tagLst .tag {
    display: inline-block;
    box-sizing: border-box;
    height: 1.33333rem;
    line-height: 1.33333rem;
    margin-bottom: .25rem;
    margin-right: .41667rem;
    padding: .08333rem .25rem;
    color: #ccc;
    border-radius: 2px;
    border: 1px solid #eee;
    font-size: 1rem
}

.m-showCard .showCard-ctnWrap .txt {
    font-size: 1rem;
    line-height: 1.25rem;
    text-align: center;
    color: #ccc;
    margin-top: .66667rem
}

.m-selectShop .header {
    height: 4rem;
    position: relative;
    line-height: 4rem;
    padding: 0 1.25rem;
    background-color: #fff;
    font-size: 1.33333rem
}

.m-selectShop .header .txt {
    vertical-align: middle;
    margin-right: 5.83333rem
}

.m-selectShop .header .txt span {
    display: inline-block;
    vertical-align: middle
}

.m-selectShop .header .txt .icon {
    width: .66667rem;
    height: 1rem;
    vertical-align: middle
}

.m-selectShop .header .txt .iconfont {
    font-size: 1rem;
    color: #00bfbf;
    vertical-align: middle
}

.m-selectShop .header .name {
    color: #00bfbf;
    max-width: 65%
}

.m-selectShop .header .btn {
    position: absolute;
    right: 1rem;
    top: 1rem;
    height: 2rem;
    line-height: 2rem;
    border: 1px solid #979797;
    border-radius: 4px;
    color: #666;
    background-color: #fff;
    padding: 0 .33333rem;
    font-size: 1.16667rem;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.m-selectShop .mask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
    z-index: 4;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d
}

.m-selectShop .mask.white {
    background-color: #f8f8f8;
    position: relative
}

.m-selectShop .mask.white .title {
    top: -5.5rem
}

.m-selectShop .mask.white .layer {
    margin-top: 10.08333rem
}

.m-selectShop .mask.white .layer .list {
    max-height: none
}

.m-selectShop .mask .title {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 4.58333rem;
    margin-left: 1.83333rem;
    position: absolute;
    top: 5.5rem
}

.m-selectShop .mask .layer {
    background-color: #fff;
    margin: 6.41667rem 1.83333rem;
    border-radius: 2px;
    padding-bottom: .91667rem;
    transform: translateZ(100px);
    -webkit-transform: translateZ(100px)
}

.m-selectShop .mask .layer h3 {
    font-size: 1.25rem;
    font-weight: 400;
    text-align: center;
    line-height: 4.58333rem;
    margin: 0 1.83333rem;
    border-bottom: 1px solid #d1d1d1
}

.m-selectShop .mask .layer .list {
    overflow: auto;
    max-height: 25.66667rem
}

.m-selectShop .mask .layer .list li.z-active, .m-selectShop .mask .layer .list li:active, .m-selectShop .mask .layer .list li:hover {
    background-color: #f8f8f8
}

.m-selectShop .mask .layer .list li .inner {
    border-top: 1px solid #d1d1d1;
    padding: 1.83333rem 0;
    margin: 0 1.83333rem;
    position: relative;
    top: -.08333rem;
    display: block;
    font-size: 0;
    line-height: 0
}

.m-selectShop .mask .layer .list li .inner .imgWrap {
    display: inline-block;
    vertical-align: middle;
    width: 3.66667rem;
    height: 3.66667rem;
    overflow: hidden
}

.m-selectShop .mask .layer .list li .inner .imgWrap img {
    width: 100%;
    height: 100%
}

.m-selectShop .mask .layer .list li .inner .ctnWrap {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    box-sizing: border-box;
    min-height: 3.66667rem;
    padding-left: 4.58333rem;
    padding-right: 1.83333rem;
    margin-left: -3.66667rem;
    margin-right: -1.83333rem
}

.m-selectShop .mask .layer .list li .inner .ctnWrap h4 {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: normal;
    width: 100%
}

.m-selectShop .mask .layer .list li .inner .ctnWrap p {
    font-size: 1.08333rem;
    color: #999;
    line-height: normal;
    overflow: hidden
}

.m-selectShop .mask .layer .list li .inner .subWrap {
    display: inline-block;
    vertical-align: middle;
    width: 1.83333rem;
    text-align: right
}

.m-groupScheduleList > li {
    margin: 1.08333rem 0;
    position: relative;
    background-color: #fff;
    min-height: 10.83333rem;
    box-sizing: border-box;
    padding: 1.25rem
}

.m-groupScheduleList > li > .flag {
    position: absolute;
    top: 0;
    right: 2.5rem
}

.m-groupScheduleList > li > .icn {
    position: absolute;
    top: -1.08333rem;
    left: 2.66667rem
}

.m-groupScheduleList > li .sideWrap {
    width: 3.66667rem;
    text-align: right
}

.m-groupScheduleList > li .sideWrap .main {
    line-height: 1.66667rem;
    font-size: 1.5rem;
    color: #00bfbf;
    margin-bottom: .41667rem
}

.m-groupScheduleList > li .sideWrap .main.main-2 {
    font-size: 2rem
}

.m-groupScheduleList > li .sideWrap .main.main-3 {
    font-size: 1.25rem
}

.m-groupScheduleList > li .sideWrap .sub {
    line-height: 1.66667rem;
    font-size: 1rem;
    color: #666;
    opacity: .8
}

.m-groupScheduleList > li .mainWrap {
    margin-left: 4.58333rem
}

.m-groupScheduleList > li .mainWrap .header {
    height: 1.66667rem;
    line-height: 1.66667rem;
    margin-bottom: .83333rem
}

.m-groupScheduleList > li .mainWrap .header .titleWrap {
    width: 100%;
    padding-right: 7rem;
    box-sizing: border-box
}

.m-groupScheduleList > li .mainWrap .header .titleWrap > .title {
    font-size: 1.5rem;
    color: #333;
    font-weight: 400
}

.m-groupScheduleList > li .mainWrap .header .link {
    font-size: 1.16667rem;
    color: #888;
    position: relative;
    margin-left: -7rem;
    margin-right: 1rem
}

.m-groupScheduleList > li .mainWrap .header .link .icn {
    position: absolute;
    right: -1.16667rem;
    top: 50%;
    margin-top: -.54167rem
}

.m-groupScheduleList > li .mainWrap .container {
    position: relative
}

.m-groupScheduleList > li .mainWrap .container.container-2 {
    padding-bottom: .83333rem
}

.m-groupScheduleList > li .mainWrap .container.container-2 .txtWrap {
    margin-left: 0
}

.m-groupScheduleList > li .mainWrap .container.container-3 {
    padding-top: .58333rem
}

.m-groupScheduleList > li .mainWrap .container.container-3 .scheduleInfo {
    margin-top: 0;
    margin-right: 0
}

.m-groupScheduleList > li .mainWrap .container.container-3 .scheduleInfo .link {
    font-size: 1.08333rem
}

.m-groupScheduleList > li .mainWrap .container.container-4 {
    padding-bottom: 0
}

.m-groupScheduleList > li .mainWrap .container.container-4 .txtWrap {
    margin-left: 0
}

.m-groupScheduleList > li .mainWrap .container .imgWrap {
    width: 5rem;
    height: 5rem
}

.m-groupScheduleList > li .mainWrap .container .imgWrap img {
    width: 100%;
    height: 100%
}

.m-groupScheduleList > li .mainWrap .container .imgWrap.imgWrap-round {
    width: 2.08333rem;
    height: 2.08333rem;
    border-radius: 100%;
    overflow: hidden
}

.m-groupScheduleList > li .mainWrap .container .txtWrap {
    margin-left: 5.83333rem
}

.m-groupScheduleList > li .mainWrap .container .txtWrap p {
    font-size: 1.08333rem;
    color: #888;
    line-height: 1
}

.m-groupScheduleList > li .mainWrap .container .txtWrap .coachInfo .coach {
    margin-left: 2.91667rem
}

.m-groupScheduleList > li .mainWrap .container .txtWrap .coachInfo .coach p {
    line-height: 1.25rem
}

.m-groupScheduleList > li .mainWrap .container .scheduleInfo {
    margin-top: .5rem;
    margin-right: 5rem
}

.m-groupScheduleList > li .mainWrap .container .scheduleInfo > p {
    line-height: 1.66667rem;
    vertical-align: middle;
    font-size: 0
}

.m-groupScheduleList > li .mainWrap .container .scheduleInfo > p.narrow {
    line-height: 3.6rem
}

.m-groupScheduleList > li .mainWrap .container .scheduleInfo > p .icn, .m-groupScheduleList > li .mainWrap .container .scheduleInfo > p .txt {
    font-size: 1rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: .5rem
}

.m-groupScheduleList > li .mainWrap .container .scheduleInfo > p .txt {
    display: inline
}

.m-groupScheduleList > li .mainWrap .container .scheduleInfo > p .iconfont {
    font-size: 1rem
}

.m-groupScheduleList > li .mainWrap .btnWrap {
    position: absolute;
    bottom: 0;
    right: 0
}

.m-groupScheduleList > li > .select {
    position: absolute;
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    top: 3rem;
    right: 1.25rem;
    box-sizing: border-box;
    border: 1px solid #ccc
}

.m-groupScheduleList > li > .select.z-active {
    border: none;
    background: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_selected.png) no-repeat;
    background-size: 100% 100%
}

.m-groupScheduleList > li.type-2 {
    min-height: 0;
    padding: .83333rem 1.25rem .66667rem
}

.m-groupScheduleList > li.type-2 > .icn {
    left: 3.16667rem
}

.m-groupScheduleList > li.type-2 .sideWrap {
    width: 4.75rem
}

.m-groupScheduleList > li.type-2 .mainWrap {
    margin-left: 6.41667rem
}

.m-groupScheduleList > li.z-disabled {
    background-color: #efefef
}

.m-groupScheduleList > li.z-disabled div, .m-groupScheduleList > li.z-disabled p, .m-groupScheduleList > li.z-disabled span {
    color: #888 !important
}

.m-groupScheduleList > li.z-disabled .select {
    display: none
}

.m-batchPrivateScheduleList > li {
    margin: 1.08333rem 0;
    position: relative;
    background-color: #fff;
    box-sizing: border-box;
    padding: 1.25rem 1.25rem .83333rem
}

.m-batchPrivateScheduleList > li > .flag {
    position: absolute;
    top: 0;
    right: 2.5rem
}

.m-batchPrivateScheduleList > li > .icn {
    position: absolute;
    top: -1.08333rem;
    left: 2.66667rem
}

.m-batchPrivateScheduleList > li .info {
    padding-top: .83333rem;
    line-height: 1.66667rem;
    vertical-align: middle;
    color: #888;
    font-size: 0
}

.m-batchPrivateScheduleList > li .info .icn {
    margin-right: .83333rem;
    vertical-align: middle
}

.m-batchPrivateScheduleList > li .info .txt {
    display: inline;
    vertical-align: middle;
    font-size: 1.08333rem
}

.m-batchPrivateScheduleList > li .info .link {
    font-size: 1.08333rem
}

.m-batchPrivateScheduleList > li .mainWrap {
    padding-bottom: .83333rem
}

.m-batchPrivateScheduleList > li .mainWrap .mainInfo {
    font-size: 1.5rem;
    color: #00bfbf
}

.m-batchPrivateScheduleList > li .tipWrap {
    padding-top: .83333rem
}

.m-batchPrivateScheduleList > li .tipWrap .info {
    padding-top: 0
}

.m-batchPrivateScheduleList > li > .select {
    position: absolute;
    top: 1rem;
    right: 1.25rem
}

.m-batchPrivateScheduleList > li.z-disabled {
    background-color: #efefef
}

.m-batchPrivateScheduleList > li.z-disabled div, .m-batchPrivateScheduleList > li.z-disabled p, .m-batchPrivateScheduleList > li.z-disabled span {
    color: #888 !important
}

.m-batchPrivateScheduleList > li.z-disabled .select {
    display: none
}

.m-photosList .photosGroup {
    padding-bottom: .33333rem
}

.m-photosList .photosGroup .photoWrap {
    width: 36.6%;
    height: 21.33333rem
}

.m-photosList .photosGroup .photoWrap .imgWrap {
    position: relative;
    overflow: hidden;
    height: 10.5rem;
    margin-bottom: .33333rem;
    background-color: #e3e3e3
}

.m-photosList .photosGroup .photoWrap .imgWrap img {
    width: 100%;
    height: 100%
}

.m-photosList .photosGroup .photoWrap.photoWrap-large {
    width: 62.4%
}

.m-photosList .photosGroup .photoWrap.photoWrap-large .imgWrap {
    height: 21.33333rem
}

.m-privateScheduleList {
    position: relative;
    background-color: #fff;
    margin-bottom: 2rem
}

.m-privateScheduleList > header {
    height: 3.5rem;
    line-height: 3.5rem;
    color: #888;
    font-size: 1.16667rem;
    text-align: center
}

.m-privateScheduleList .schedules > li {
    padding: 1.25rem
}

.m-privateScheduleList .schedules > li > header .sideWrap .imgWrap {
    width: 5.83333rem;
    height: 5.83333rem
}

.m-privateScheduleList .schedules > li > header .sideWrap .imgWrap > img {
    width: 100%;
    height: 100%
}

.m-privateScheduleList .schedules > li > header .mainWrap {
    position: relative;
    min-height: 5.83333rem;
    margin-left: 7.08333rem
}

.m-privateScheduleList .schedules > li > header .mainWrap .header {
    height: 1.66667rem;
    line-height: 1.66667rem;
    margin-bottom: .83333rem
}

.m-privateScheduleList .schedules > li > header .mainWrap .header .titleWrap {
    width: 100%;
    padding-right: 7rem;
    box-sizing: border-box
}

.m-privateScheduleList .schedules > li > header .mainWrap .header .titleWrap > .title {
    font-size: 1.5rem;
    color: #333;
    font-weight: 400
}

.m-privateScheduleList .schedules > li > header .mainWrap .header .link {
    font-size: 1.16667rem;
    color: #888;
    position: relative;
    margin-right: 1rem;
    margin-left: -7rem
}

.m-privateScheduleList .schedules > li > header .mainWrap .header .link .icn {
    position: absolute;
    right: -1.16667rem;
    top: 50%;
    margin-top: -.54167rem
}

.m-privateScheduleList .schedules > li > header .mainWrap .infoWrap .icon {
    margin-right: .41667rem;
    vertical-align: middle
}

.m-privateScheduleList .schedules > li > header .mainWrap .infoWrap .txt {
    line-height: 1.66667rem;
    font-size: 1.16667rem;
    color: #888;
    vertical-align: middle
}

.m-privateScheduleList .schedules > li > header .mainWrap .btnWrap {
    width: 6.66667rem;
    height: 2.66667rem;
    position: absolute;
    bottom: 0;
    right: 0
}

.m-privateScheduleList .schedules > li > header .mainWrap .btnWrap .btn {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 1rem;
    border: 1px solid #00bfbf;
    border-radius: 3px;
    background-color: #fff;
    color: #00bfbf;
    line-height: 2.66667rem;
    font-size: 1.33333rem;
    position: relative
}

.m-privateScheduleList .schedules > li > header .mainWrap .btnWrap .btn:after {
    position: absolute;
    content: "";
    width: 1.16667rem;
    height: .75rem;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_arrow_down.png);
    background-size: 100%;
    right: 1rem;
    top: 1rem
}

.m-privateScheduleList .schedules > li > header .mainWrap .btnWrap .btn.z-expansion:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: .91667rem
}

.m-privateScheduleList .schedules > li > section {
    margin-top: 1.25rem;
    overflow: hidden
}

.m-privateScheduleList .schedules > li > section .timetables {
    padding: 1.25rem 0;
    margin: -.5rem -1.5%
}

.m-privateScheduleList .schedules > li > section .timetables > li {
    margin: .5rem 1.5%;
    display: inline-block;
    box-sizing: border-box;
    width: 22%;
    height: 4.16667rem;
    line-height: 4.16667rem;
    font-size: 1.25rem;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #00bfbf;
    background-color: #fff;
    color: #00bfbf
}

.m-privateScheduleList .schedules > li > section .timetables > li.z-disabled {
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    color: #d6d6d6
}

.m-privateScheduleList .schedules > li > section .timetables > li.z-active {
    background-color: #00bfbf;
    color: #fff
}

.m-privateScheduleList .schedules > li > section > .txtWrap {
    margin-top: 1.66667rem;
    text-align: center
}

.m-privateScheduleList .schedules > li > section > .txtWrap > p {
    font-size: 1.08333rem;
    color: #888
}

.m-privateScheduleList .schedules > li > section .btnWrap {
    margin: 0 -1.5%;
    font-size: 1.5rem
}

.m-privateScheduleList .schedules > li > section .btnWrap .half {
    width: 47%;
    margin: 0 1.5%;
    text-align: center
}

.m-privateScheduleList:before {
    position: absolute;
    content: "";
    width: 1.91667rem;
    height: 1rem;
    top: -.875rem;
    left: 50%;
    margin-left: -.95833rem;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_triangle.png);
    background-size: 100%;
    z-index: 2
}

.m-slide {
    position: relative
}

.m-slide, .m-slide .slideItem {
    height: 23.33333rem;
    overflow: hidden
}

.m-slide .slideItem {
    width: 100%;
    display: block !important
}

.m-slide .slideItem img {
    width: 100%
}

.m-slide .slideItem.slideItem-cover img {
    height: 100%
}

.m-slide .outLink {
    position: absolute;
    background-color: rgba(0, 0, 0, .3);
    right: 1.25rem;
    bottom: 1.25rem;
    width: 4.16667rem;
    height: 4.16667rem;
    padding: .66667rem;
    box-sizing: border-box;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 1.25rem
}

.m-teacherInfo {
    padding: 1.25rem
}

.m-teacherInfo .m-impressions {
    margin-top: .83333rem;
    padding-bottom: 0
}

.m-teacherInfo .m-impressions .impressionList {
    padding: 0
}

.m-teacherInfo .m-impressions .impressionList .impressionItem {
    margin: 0 1.25rem .83333rem 0
}

.m-simpleUserInfo .imgWrap {
    width: 2.08333rem;
    height: 2.08333rem;
    border-radius: 50%;
    overflow: hidden
}

.m-simpleUserInfo .imgWrap img {
    width: 100%;
    height: 100%
}

.m-simpleUserInfo .infoWrap {
    padding-left: .83333rem;
    vertical-align: top
}

.m-simpleUserInfo .infoWrap .name {
    font-size: 1.08333rem;
    color: #888
}

.m-simpleUserInfo .infoWrap .scoreWrap {
    padding-top: .16667rem;
    font-size: 0;
    line-height: 0
}

.m-simpleUserInfo .infoWrap .scoreWrap .m-stars {
    display: inline-block
}

.m-simpleUserInfo .infoWrap .scoreWrap .score {
    padding-left: .41667rem;
    font-size: 1.08333rem
}

.m-teacherStar {
    display: inline-block
}

.m-teacherStar .avatarWrap {
    display: inline-block;
    vertical-align: middle;
    width: 2.08333rem;
    height: 2.08333rem;
    border: 1px solid #eee;
    border-radius: 20px;
    overflow: hidden
}

.m-teacherStar .avatarWrap img {
    display: inline-block;
    width: 100%;
    height: auto
}

.m-teacherStar .star {
    display: inline-block
}

.m-loginBtn {
    text-align: center
}

.m-loginBtn h5 {
    color: #333;
    font-size: 1.41667rem;
    line-height: 2rem;
    margin-bottom: .66667rem
}

.m-loginBtn .p {
    color: #888;
    font-size: 1.08333rem;
    line-height: 1.66667rem;
    margin-bottom: 1.66667rem
}

.m-loginBtn .leftBtn, .m-loginBtn .rightBtn {
    width: 47.82608696%;
    border-radius: 5px;
    font-size: 1.5rem;
    line-height: 3.5rem
}

.m-loginBtn .leftBtn {
    float: left
}

.m-loginBtn .rightBtn {
    float: right
}

.m-dropdown {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
    max-height: 22rem;
    overflow-y: auto
}

.m-dropdown > .item {
    padding: 0 1.25rem;
    text-align: right;
    background-color: #fff
}

.m-dropdown > .item > .inner {
    line-height: 4rem;
    height: 4rem;
    color: #888;
    font-size: 1.25rem
}

.m-dropdown > .item.z-active {
    background-color: #f2f2f2
}

.m-txt {
    margin: .83333rem 1.16667rem 0;
    font-size: 1.08333rem;
    color: #888;
    text-align: left
}

.m-txt.middle {
    font-size: 1.25rem
}

.m-txt.text-right {
    text-align: right
}

.m-txt .txt {
    padding-left: 1.66667rem
}

.m-dateRangeSelector {
    position: relative;
    height: 3.83333rem;
    line-height: 3.83333rem;
    font-size: 0;
    background-color: #fff
}

.m-dateRangeSelector .ctnWrap {
    width: 100%;
    height: 3.83333rem;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center
}

.m-dateRangeSelector .ctnWrap .ctn {
    display: inline-block;
    line-height: 1.16667rem;
    text-align: center;
    font-size: 1rem;
    color: #888;
    vertical-align: middle
}

.m-dateRangeSelector .ctnWrap .ctn .dot {
    color: #00bfbf
}

.m-dateRangeSelector .next, .m-dateRangeSelector .prev {
    position: absolute;
    color: #00bfbf;
    font-size: 1.16667rem
}

.m-dateRangeSelector .next .icon, .m-dateRangeSelector .prev .icon {
    width: .66667rem;
    height: 1.08333rem
}

.m-dateRangeSelector .prev {
    position: absolute;
    padding-left: 1.33333rem;
    left: 0;
    top: 0;
    text-align: left
}

.m-dateRangeSelector .prev .icon {
    margin-right: .41667rem
}

.m-dateRangeSelector .next {
    position: absolute;
    padding-right: 1.33333rem;
    right: 0;
    top: 0;
    text-align: right
}

.m-dateRangeSelector .next .icon {
    margin-left: .41667rem
}

.m-buttonList {
    padding: .66667rem 1.16667rem;
    font-size: 0;
    box-sizing: border-box;
    height: 100%;
    margin: 0 -.41667rem
}

.m-buttonList > .item {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    box-sizing: border-box;
    padding: 0 .41667rem
}

.m-buttonList > .item .u-btn {
    font-size: 1.5rem;
    height: 100%
}

.m-buttonList > .item.item-3 {
    width: 33.333333%
}

.m-buttonList > .item.item-3 .u-btn {
    font-size: 1.25rem
}

.m-buttonList > .item.item-2 {
    width: 50%
}

.m-photoList-normal, .m-schedulePhotos {
    font-size: 0
}

.m-photoList-normal .imgWrap, .m-schedulePhotos .imgWrap {
    position: relative;
    display: inline-block;
    width: 33%;
    height: 0;
    padding-bottom: 33%;
    background-color: #aaa;
    overflow: hidden;
    vertical-align: middle;
    margin-bottom: .5%
}

.m-photoList-normal .imgWrap .img, .m-schedulePhotos .imgWrap .img {
    width: 100%
}

.m-photoList-normal .imgWrap .icnWrap, .m-schedulePhotos .imgWrap .icnWrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.m-photoList-normal .imgWrap .icnWrap .icn, .m-schedulePhotos .imgWrap .icnWrap .icn {
    display: block;
    width: 35%;
    height: 35%;
    margin: 27% auto 12.5%
}

.m-photoList-normal .imgWrap .icnWrap .txt, .m-schedulePhotos .imgWrap .icnWrap .txt {
    font-size: 1.08333rem;
    color: #888;
    line-height: 1.33333rem;
    text-align: center
}

.m-photoList-normal .imgWrap:nth-child(3n-1), .m-schedulePhotos .imgWrap:nth-child(3n-1) {
    margin: 0 .5% .5%
}

.m-photoList-normal .imgWrap.gray, .m-schedulePhotos .imgWrap.gray {
    background-color: #eee
}

.m-ordersList > .item {
    padding: 1.25rem;
    position: relative;
    background-color: #fff;
    margin-bottom: .83333rem
}

.m-ordersList > .item .imgWrap {
    width: 6.66667rem;
    height: 6.66667rem;
    border-radius: 100%;
    overflow: hidden
}

.m-ordersList > .item .imgWrap > img {
    width: 100%;
    height: 100%
}

.m-ordersList > .item .ctnWrap {
    margin: 0 7.5rem;
    min-height: 6.66667rem;
    box-sizing: border-box;
    padding-top: .41667rem
}

.m-ordersList > .item .ctnWrap .header {
    font-size: 0;
    line-height: 1.5rem;
    margin-bottom: .83333rem
}

.m-ordersList > .item .ctnWrap .header i {
    vertical-align: middle;
    display: inline-block
}

.m-ordersList > .item .ctnWrap .header .main {
    font-size: 1.5rem;
    color: #333;
    margin-right: .33333rem
}

.m-ordersList > .item .ctnWrap .header .sub {
    font-size: 1.08333rem;
    color: #888
}

.m-ordersList > .item .ctnWrap .header .icn {
    margin-right: .66667rem
}

.m-ordersList > .item .ctnWrap .container {
    font-size: 1.08333rem;
    color: #888;
    line-height: 1.5
}

.m-ordersList > .item .ctnWrap .container.container-wide {
    margin-right: -7.5rem
}

.m-ordersList > .item .btnWrap {
    position: absolute;
    width: 6.66667rem;
    height: 2.66667rem;
    bottom: 1.25rem;
    right: 1.25rem
}

.m-ordersList > .item .txtWrap {
    position: absolute;
    right: 1.25rem;
    bottom: 1.66667rem;
    width: 5.83333rem;
    text-align: center
}

.m-ordersList > .item .txtWrap > span {
    text-align: center;
    font-size: 1.16667rem;
    color: #999;
    line-height: 1.33333rem
}

.m-ordersList > .item .tagWrap {
    position: absolute;
    top: 0;
    right: 1.25rem;
    padding: 0 .83333rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 0 0 8px 8px;
    background-color: rgba(0, 191, 191, .1);
    color: #00bfbf;
    font-size: 1.25rem;
    text-align: center
}

.m-ordersList > .item .tagWrap.completed {
    background-color: #eee
}

.m-ordersList > .item .tagWrap.canceled {
    background-color: #eee;
    color: #888
}

.m-ordersList > .item .tagWrap.disabled {
    background-color: #f4f4f4;
    color: #bbb
}

.m-ordersList > .item .tagWrap.warning {
    background-color: #fff4e5;
    color: #fea500
}

.m-photos {
    margin-top: 1.25rem
}

.m-photos .tips {
    padding: 0 1.25rem;
    font-size: 1.08333rem;
    color: #888;
    line-height: 1.33333rem
}

.m-schedulePhotosList {
    padding: 0 .41667rem;
    box-sizing: border-box;
    font-size: 0
}

.m-schedulePhotosList.clean {
    margin: -.83333rem 0
}

.m-schedulePhotosList .item {
    display: inline-block;
    width: 33.33333%;
    box-sizing: border-box;
    margin: .83333rem 0;
    padding: 0 .41667rem;
    vertical-align: middle
}

.m-schedulePhotosList .item .imgWrap {
    height: 0;
    padding-bottom: 100%;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    width: 100%;
    border: none
}

.m-schedulePhotosList .item .imgWrap > img {
    width: 100%
}

.m-schedulePhotosList .item .imgWrap .u-btn {
    width: 3.33333rem;
    height: 1.66667rem;
    position: absolute;
    right: .66667rem;
    bottom: .66667rem
}

.m-schedulePhotosList .item .imgWrap .u-icn-remove {
    position: absolute;
    right: 0;
    top: 0
}

.m-schedulePhotosList .item .imgWrap.imgWrap-add {
    margin: 0
}

.m-schedulePhotosList .item .txtWrap {
    background-color: #fff;
    padding: .41667rem .83333rem;
    text-align: right;
    font-size: 1rem;
    color: #888;
    line-height: 1.25rem
}

.m-uploadPhoto .imgWrap-add, .m-uploadPhoto > .imgWrap {
    display: block;
    margin: 1.66667rem auto;
    width: 11.66667rem;
    height: 11.66667rem;
    box-sizing: border-box;
    border: 1px solid #eee;
    position: relative;
    overflow: hidden
}

.m-uploadPhoto .imgWrap-add > img, .m-uploadPhoto > .imgWrap > img {
    width: 100%;
    height: 100%
}

.m-uploadPhoto .imgWrap-add .input, .m-uploadPhoto > .imgWrap .input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
    font-size: 25rem
}

.m-uploadPhoto .imgWrap-add .empty, .m-uploadPhoto > .imgWrap .empty {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #eee
}

.m-uploadPhoto .imgWrap-add .empty.transparent, .m-uploadPhoto > .imgWrap .empty.transparent {
    background-color: transparent
}

.m-uploadPhoto .imgWrap-add .empty.grey, .m-uploadPhoto > .imgWrap .empty.grey {
    background-color: rgba(0, 0, 0, .3)
}

.m-uploadPhoto .imgWrap-add .empty.grey > p, .m-uploadPhoto > .imgWrap .empty.grey > p {
    color: #fff
}

.m-uploadPhoto .imgWrap-add .empty .icn, .m-uploadPhoto > .imgWrap .empty .icn {
    display: block;
    width: 35%;
    height: 35%;
    margin: 27% auto 12.5%
}

.m-uploadPhoto .imgWrap-add .empty > p, .m-uploadPhoto > .imgWrap .empty > p {
    font-size: 1rem;
    color: #888;
    text-align: center;
    line-height: 1.25
}

.m-uploadPhoto .tip {
    color: #888;
    font-size: 1.08333rem;
    margin: .83333rem 1.25rem
}

.m-selectLimits {
    background-color: #fff
}

.m-selectLimits > .item {
    margin: 0 1.25rem;
    line-height: 4.16667rem
}

.m-selectLimits > .item.tab {
    margin: 0 0 0 1.66667rem
}

.m-grade {
    padding: 1.5rem 1.25rem 1.66667rem;
    background-color: #fff
}

.m-grade .item {
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    color: #333;
    line-height: 2.08333rem
}

.m-grade .item .left {
    float: left;
    width: 40%
}

.m-grade .item .right {
    float: right;
    width: 60%
}

.m-grade .item:last-child {
    margin-bottom: 0
}

.m-commentLabel {
    padding: 1.25rem
}

.m-commentLabel .p {
    padding-bottom: 1.25rem;
    font-size: 1.25rem;
    color: #333
}

.m-commentLabel .labels .label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
    padding: .5rem .83333rem;
    margin: 0 1.25rem 1.25rem 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.08333rem;
    color: #888
}

.m-commentLabel .labels .label.z-active {
    border: 1px solid #fea500;
    color: #fea500
}

.m-commentLabel .textarea {
    padding: .75rem .83333rem;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 5.83333rem;
    font-size: 1.08333rem
}

.m-errInfoList .errItem {
    position: relative;
    background-color: #f4f4f4
}

.m-errInfoList .errItem .infoMainWrap, .m-errInfoList .errItem .infoSideWrap {
    box-sizing: border-box
}

.m-errInfoList .errItem .infoSideWrap {
    position: absolute;
    width: 12%;
    left: 0;
    top: 0;
    bottom: 0
}

.m-errInfoList .errItem .infoSideWrap .number {
    position: absolute;
    left: 0;
    top: 50%;
    line-height: 1em;
    font-size: 1.5rem;
    margin-top: -.75rem;
    width: 100%;
    text-align: center;
    color: #ccc
}

.m-errInfoList .errItem .infoMainWrap {
    width: 88%;
    float: right;
    background-color: #fff;
    padding: .66667rem
}

.m-errInfoList .errItem .infoMainWrap .err, .m-errInfoList .errItem .infoMainWrap .info {
    padding-bottom: .16667rem;
    font-size: 1.08333rem;
    line-height: 1.33333rem
}

.m-errInfoList .errItem .infoMainWrap .info {
    color: #333
}

.m-errInfoList .errItem .infoMainWrap .info.info-light {
    color: #888
}

.m-errInfoList .errItem .infoMainWrap .err {
    font-size: 1rem
}

.m-alert .alert-ctnWrap .ctn {
    padding: 0 .5rem
}

.m-alert .alert-ctnWrap .ctn a, .m-alert .alert-ctnWrap .ctn a:active, .m-alert .alert-ctnWrap .ctn a:hover {
    color: #00bfbf
}

.m-teacherList {
    padding: 0 1.25rem;
    margin: 0 -1.25rem
}

.m-teacherList > li {
    display: inline-block;
    margin-bottom: 1.66667rem;
    width: 25%;
    font-size: 0
}

.m-teacherList > li .inner {
    width: 5rem;
    margin: 0 auto;
    position: relative
}

.m-teacherList > li .inner .imgWrap {
    width: 5rem;
    height: 5rem;
    border-radius: 100%;
    margin-bottom: .41667rem;
    border: 2px solid #ddd;
    overflow: hidden;
    box-sizing: border-box
}

.m-teacherList > li .inner .imgWrap > img {
    width: 100%;
    height: 100%
}

.m-teacherList > li .inner .txtWrap {
    font-size: 1.25rem;
    color: #333;
    text-align: center;
    margin: 0 -.83333rem .58333rem
}

.m-teacherList > li .inner .m-stars {
    display: block;
    margin: 0 auto;
    width: 50px
}

.m-teacherList > li .inner .m-stars .item {
    width: 9px;
    height: 8px;
    margin: 0 .5px
}

.m-teacherList > li .inner .m-stars .item.sub .mask .star {
    width: 9px;
    height: 8px
}

.m-teacherList > li.z-active .inner .imgWrap {
    border: 2px solid #00bfbf
}

.m-teacherList > li.z-active .inner:before {
    content: "";
    position: absolute;
    top: 3.66667rem;
    right: 0;
    width: 1.33333rem;
    height: 1.33333rem;
    background: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_checked.png) #fff;
    border-radius: 100%;
    background-size: 100% 100%
}

.m-buttonWrap {
    text-align: center;
    margin-bottom: 1.5rem
}

.m-payTypeSelect {
    height: 29.16667rem;
    background-color: #fff;
    overflow: auto
}

.m-payTypeSelect .title {
    position: absolute;
    width: 100%;
    background-color: #fff;
    line-height: 4rem;
    font-size: 1.33333rem;
    color: #00bfbf;
    text-align: center;
    border-bottom: 2px solid #00bfbf;
    z-index: 5
}

.m-payTypeSelect .title .icon {
    position: absolute;
    top: 0;
    left: 1rem;
    font-size: 1.5rem;
    color: #aaa
}

.m-payTypeSelect .content {
    margin: 4rem 0 0 1.33333rem
}

.m-payTypeSelect .content .subTitle {
    font-size: 1rem;
    color: #999;
    padding-top: 1.25rem
}

.m-payTypeSelect .content .list > li {
    position: relative;
    margin-left: 2.66667rem
}

.m-payTypeSelect .content .list > li .p {
    padding: 1.25rem 0;
    font-size: 1.16667rem;
    color: #333;
    line-height: 1.5rem
}

.m-payTypeSelect .content .list > li .p > span {
    font-size: 1.16667rem;
    color: #999
}

.m-payTypeSelect .content .list > li .p.z-disabled {
    color: #888
}

.m-payTypeSelect .content .list > li .icon-left {
    position: absolute;
    top: 50%;
    margin-top: -1rem;
    margin-left: -2.66667rem
}

.m-payTypeSelect .content .list > li .icon-right {
    position: absolute;
    top: 50%;
    right: 1.33333rem;
    margin-top: -1rem
}

.m-payTypeSelect .content .list > li .icon-right.warn {
    font-size: 1.16667rem;
    margin-top: -.58333rem;
    color: #f9944e
}

.m-imgHeader {
    margin: 2.5rem 0 2.08333rem
}

.m-imgHeader .imgWrap {
    width: 8.33333rem;
    height: 8.33333rem;
    margin: 0 auto;
    border: 4px solid #fff;
    border-radius: 100%;
    box-sizing: border-box;
    overflow: hidden
}

.m-imgHeader .imgWrap > img {
    width: 100%;
    height: 100%
}

.m-imgHeader .txtWrap {
    margin-top: .83333rem
}

.m-imgHeader .txtWrap > p {
    font-size: 1.5rem;
    color: #333;
    text-align: center;
    line-height: 2.08333rem
}

.m-checkinRecords .title {
    padding-left: 1.25rem;
    font-size: 1.08333rem;
    color: #888;
    line-height: 1.33333rem;
    margin-bottom: 1.08333rem;
    margin-top: 1.25rem
}

.m-checkinRecords .title.center {
    padding-left: 0;
    text-align: center
}

.m-checkinRecords .recordList > li {
    padding: 1.25rem;
    background-color: #fff;
    position: relative;
    margin-bottom: .83333rem;
    overflow: hidden
}

.m-checkinRecords .recordList > li .header {
    color: #333;
    font-size: 1.5rem;
    margin-bottom: 1.83333rem
}

.m-checkinRecords .recordList > li .ctnWrap {
    font-size: 1.08333rem;
    color: #999;
    line-height: 1.66667rem;
    margin-right: 11.66667rem
}

.m-checkinRecords .recordList > li .ctnWrap.ctnWrap-large {
    font-size: 1.25rem;
    color: #888;
    line-height: 2.08333rem;
    margin-right: 0
}

.m-checkinRecords .recordList > li .btnWrap {
    font-size: 1.5rem;
    margin-top: 1.25rem
}

.m-checkinRecords .recordList > li .btnWrap.btnWrap-fix {
    position: absolute;
    right: 1.25rem;
    bottom: 1.25rem;
    width: 11.66667rem
}

.m-checkinRecords .recordList > li .tips {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fea500;
    color: #fff;
    line-height: 1.66667rem;
    padding: 0 .83333rem 0 .41667rem;
    text-align: center;
    font-size: 1.16667rem;
    box-sizing: border-box
}

.m-checkinRecords .recordList > li .tips:before {
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
    width: 0;
    border-top: 1.66667rem solid #fea500;
    border-left: 10px solid transparent
}

.m-banner {
    padding: 1.66667rem 1.25rem;
    background-color: #fff;
    text-align: center
}

.m-banner .icn, .m-banner .title {
    margin-bottom: 1.25rem
}

.m-banner .title {
    color: #333;
    font-size: 1.41667rem;
    font-weight: 400
}

.m-banner > p {
    font-size: 1.08333rem;
    color: #888
}

.m-txtWrap {
    padding: 1.25rem;
    background-color: #fff
}

.m-txtWrap .line {
    margin-bottom: .83333rem;
    line-height: 1.66667rem;
    font-size: 1.25rem;
    color: #888
}

.m-txtWrap .line .title {
    display: inline-block;
    color: #333;
    width: 6.66667rem;
    margin-right: .83333rem
}

.m-txtWrap .line .ctn {
    display: inline-block
}

.m-banner2 {
    position: relative
}

.m-banner2 .m-slide, .m-banner2 .m-slide .slideItem {
    height: 17.5rem
}

.m-banner2 .m-notice {
    position: absolute;
    top: 1.66667rem;
    right: 0
}

.m-appDownload {
    position: relative;
    background-color: #f4f4f4;
    padding: 1.25rem
}

.m-appDownload .icn {
    position: absolute;
    left: 1.25rem;
    top: 50%;
    margin-top: -2rem
}

.m-appDownload .ctn {
    margin-left: 5rem;
    margin-right: 6.66667rem;
    line-height: 1.83333rem
}

.m-appDownload .ctn .main {
    font-size: 1.5rem;
    color: #757c78
}

.m-appDownload .ctn .sub {
    font-size: 1.16667rem;
    color: #9a9f9c
}

.m-appDownload .btn {
    position: absolute;
    top: 50%;
    right: 1.25rem;
    padding: 0 .66667rem;
    margin-top: -1.33333rem;
    background-color: #0db14b;
    line-height: 2.66667rem;
    font-size: 1.16667rem;
    color: #fff;
    border-radius: 2px;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .12)
}

.m-metro {
    margin-right: .66667rem;
    padding-bottom: .66667rem;
    line-height: 0;
    font-size: 0
}

.m-metro > .item {
    display: inline-block;
    vertical-align: middle
}

.m-metro > .item.item-1 {
    width: 100%
}

.m-metro > .item.item-2 {
    width: 50%
}

.m-metro > .item.item-3 {
    width: 33.33%
}

.m-metro > .item.item-4 {
    width: 66.67%
}

.m-metro > .item > a {
    margin: .66667rem 0 0 .66667rem;
    display: block;
    text-align: center;
    height: 8.33333rem;
    overflow: hidden
}

.m-metro > .item > a .imgWrap {
    height: 2.91667rem;
    padding: 1rem 0
}

.m-metro > .item > a .imgWrap > img {
    height: 100%
}

.m-metro > .item > a .title {
    color: #fff;
    font-size: 1.41667rem;
    line-height: 1.2
}

.m-pay-success {
    margin-top: 7.5rem;
    text-align: center
}

.m-pay-success .p {
    margin: 2rem 0 3rem;
    line-height: 2.16667rem;
    font-size: 1.33333rem;
    color: #333
}

.m-pay-success .btn {
    width: 16.66667rem;
    font-size: 1.5rem
}

.m-header {
    background-color: #00bfbf;
    height: 3.66667rem;
    line-height: 3.66667rem
}

.m-header .title {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 400;
    text-align: center
}

.m-card {
    margin: .83333rem;
    padding: 1.33333rem 1rem 1rem;
    margin: 1.16667rem;
    padding: 1.5rem 1rem 1.25rem;
    border-radius: 8px;
    background-size: 100% 100%;
    color: #fff
}

.m-card .titleWrap {
    padding-bottom: 1rem;
    line-height: 1.66667rem;
    font-size: 1.33333rem
}

.m-card .titleWrap .span {
    font-size: 1rem
}

.m-card .infoWrap {
    padding-top: 1rem;
    border-top: .33333rem solid hsla(0, 0%, 100%, .4);
    font-size: 1rem
}

.m-card .infoWrap .p {
    line-height: 1.5rem
}

.m-card .bottomWrap {
    margin-top: 1.33333rem
}

.m-card .bottomWrap .p {
    display: inline-block;
    background-color: rgba(0, 0, 0, .4);
    padding: 0 .83333rem;
    line-height: 1.83333rem
}

.m-card.amountcard {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/bg_card_amountcard.png)
}

.m-card.numcard {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/bg_card_numbercard.png)
}

.m-card.timecard {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/bg_card_timecard.png)
}

.m-cardOptions {
    margin: 1.66667rem 1.16667rem
}

.m-cardOptions .title {
    margin-bottom: .5rem;
    font-size: 1rem;
    color: #888;
    line-height: 1.33333rem
}

.m-cardOptions .title > .link {
    padding-left: .83333rem
}

.m-cardOptions .options {
    font-size: 0
}

.m-cardOptions .options .option {
    display: inline-block;
    width: 31%;
    padding: 1.33333rem 0;
    margin-bottom: .83333rem;
    background-color: #fff;
    border: 1px solid #00bfbf;
    border-radius: 4px;
    text-align: center;
    font-size: 1rem;
    color: #00bfbf
}

.m-cardOptions .options .option:nth-child(3n-1) {
    margin: 0 2%
}

.m-cardOptions .options .option .p {
    line-height: 1.5rem
}

.m-cardOptions .options .option .p-1 {
    line-height: 1.66667rem;
    font-size: 1.16667rem
}

.m-panel {
    padding: 1.66667rem 1.25rem;
    background-color: #fff;
    text-align: center
}

.m-panel .txt {
    color: #888;
    margin-bottom: .41667rem;
    font-size: 1.25rem;
    line-height: 1.5rem
}

.m-panel .txt.txt-small {
    font-size: 1rem;
    line-height: 1.16667rem
}

.m-panel .txt.txt-bottom {
    margin-bottom: 0;
    margin-top: .41667rem
}

.m-panel .btn {
    display: block;
    margin: 1.25rem auto 1.66667rem
}

.m-panel.transBg {
    background-color: transparent
}

.m-title {
    padding: 1.25rem;
    background-color: #f4f4f4
}

.m-title .p {
    display: inline-block;
    font-size: 1.33333rem;
    color: #888
}

.m-title .span {
    float: right;
    font-size: 1.33333rem;
    color: #00bfbf
}

.m-plansLst {
    background-color: #fff
}

.m-plansLst .planItem {
    position: relative;
    box-sizing: border-box;
    padding: 1.75rem 2.5rem 1.75rem 1.25rem;
    border-bottom: 1px solid #eee
}

.m-plansLst .planItem .info {
    margin-bottom: .33333rem;
    line-height: 1.5rem;
    color: #333;
    font-size: 1.5rem
}

.m-plansLst .planItem .des {
    line-height: 1.33333rem;
    color: #888;
    font-size: 1.33333rem
}

.m-plansLst .planItem .arrow {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    margin-top: -.33333rem
}

.m-plansLst .planItem .check {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    margin-top: -.83333rem
}

.m-planTpls .tplLst .tplItem {
    position: relative;
    padding: .66667rem 0;
    background-color: #fff;
    border-bottom: 1px solid #eee
}

.m-planTpls .tplLst .tplItem:last-child {
    border: none
}

.m-planTpls .tplLst .tplItem .leftPanel {
    box-sizing: border-box;
    padding-left: 1.5rem
}

.m-planTpls .tplLst .tplItem .leftPanel .m-tagLst {
    min-height: 2.25rem
}

.m-planTpls .tplLst .tplItem .name {
    line-height: 2.33333rem;
    font-size: 1.16667rem;
    color: #666
}

.m-planTpls .tplLst .tplItem .confirm {
    margin: 1.66667rem 0 1rem .66667rem;
    box-sizing: border-box
}

.m-planTpls .tplLst .tplItem .action {
    position: absolute;
    right: 1.25rem;
    top: 1.16667rem;
    font-size: 1.08333rem
}

.m-txtInfo {
    background-color: #fff;
    font-size: 0
}

.m-txtInfo .title {
    padding-left: 1.16667rem;
    width: 40%;
    color: #888
}

.m-txtInfo .input, .m-txtInfo .title, .m-txtInfo .txt {
    display: inline-block;
    line-height: 4rem;
    box-sizing: border-box;
    font-size: 1.25rem;
    vertical-align: middle
}

.m-txtInfo .input, .m-txtInfo .txt {
    padding-right: 1.16667rem;
    width: 60%;
    color: #333;
    text-align: right
}

.m-txtInfo .input.gray, .m-txtInfo .input .gray, .m-txtInfo .txt.gray, .m-txtInfo .txt .gray {
    color: #aaa
}

.m-txtInfo .input[type=text] {
    border: none;
    border-bottom: transparent
}

.m-actionsLst {
    background-color: #fff
}

.m-actionsLst .actionItem {
    position: relative;
    box-sizing: border-box;
    padding: 1.08333rem 0 1.5rem;
    margin: auto 1.33333rem;
    font-size: 1.25rem
}

.m-actionsLst .actionItem .details, .m-actionsLst .actionItem .info {
    width: 80%;
    margin-bottom: .41667rem;
    line-height: 1.5;
    color: #888
}

.m-actionsLst .actionItem .details {
    margin-bottom: 0
}

.m-actionsLst .actionItem:last-child {
    border: none
}

.m-actionsLst .actionItem .icn {
    position: absolute;
    right: 0;
    top: .91667rem
}

.m-actionsLst .actionItem .icn.icn-2 {
    right: 2.5rem
}

.m-typeLst {
    padding-top: 1.66667rem;
    height: 16.66667rem;
    background-color: #fff;
    font-size: 0;
    overflow: scroll
}

.m-typeLst .typeItem {
    display: inline-block;
    width: 33.3%;
    margin-bottom: .83333rem;
    text-align: center;
    color: #666
}

.m-typeLst .typeItem .inner {
    box-sizing: border-box;
    display: inline-block;
    width: 90%;
    font-size: 1.25rem;
    padding: .83333rem .41667rem
}

.m-typeLst .typeItem .inner.z-active {
    background-color: #f4f4f4;
    color: #00bfbf
}

.m-infoItem {
    position: relative;
    padding: 1.33333rem;
    background-color: #fff
}

.m-infoItem .innerWrap {
    margin: 0 2.5rem 0 4.83333rem
}

.m-infoItem .innerWrap .imgWrap {
    float: left;
    display: inline-block;
    margin-left: -4.83333rem;
    text-align: center;
    vertical-align: middle
}

.m-infoItem .innerWrap .imgWrap .img {
    width: 4rem;
    height: 4rem;
    border-radius: 48px;
    border: 1px solid #eee
}

.m-infoItem .innerWrap .infoWrap {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.66667rem
}

.m-infoItem .innerWrap .infoWrap .name {
    font-size: 1.16667rem;
    color: #333
}

.m-infoItem .innerWrap .infoWrap .name .icn {
    width: 1.16667rem;
    height: 1.16667rem;
    background-size: 100%;
    margin-left: .66667rem
}

.m-infoItem .innerWrap .infoWrap .info {
    width: 100%;
    margin-top: .33333rem;
    font-size: 1.08333rem;
    color: #888;
    line-height: 1.5rem
}

.m-infoItem .innerWrap .arrow {
    position: absolute;
    top: 3rem;
    right: 1.33333rem;
    box-sizing: border-box
}

.m-userTeacherInfo {
    padding: 1.66667rem 1rem 2.08333rem;
    background-image: url(http://zoneke-img.b0.upaiyun.com/4d06c64aa2e46d25adb51644b2c893a0);
    background-size: 100% 100%
}

.m-userTeacherInfo .innerPanel {
    position: relative;
    text-align: center
}

.m-userTeacherInfo .innerPanel .rightBtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 7.16667rem;
    line-height: 2;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 20px;
    border: 1px solid hsla(0, 0%, 100%, .4);
    font-size: 1.08333rem;
    color: #fff
}

.m-userTeacherInfo .innerPanel .rightBtn > span {
    display: inline-block;
    vertical-align: middle
}

.m-userTeacherInfo .innerPanel .rightBtn .icon {
    vertical-align: middle
}

.m-userTeacherInfo .innerPanel .imgWrap {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 5.33333rem;
    height: 5.33333rem;
    border: 1px solid #fff;
    border-radius: 64px
}

.m-userTeacherInfo .innerPanel .imgWrap > img {
    width: 100%
}

.m-userTeacherInfo .innerPanel .nameWrap {
    margin: .66667rem 0 0
}

.m-userTeacherInfo .innerPanel .nameWrap .name {
    display: inline-block;
    font-size: 1.33333rem;
    color: #fff;
    vertical-align: middle
}

.m-userTeacherInfo .innerPanel .nameWrap .iconWrap {
    display: inline-block;
    background-color: #fff;
    border-radius: 10px
}

.m-userTeacherInfo .innerPanel .nameWrap .iconWrap .icon {
    margin: -.08333rem
}

.m-userTeacherInfo .innerPanel .starWrap {
    margin: .5rem 0 .83333rem;
    font-size: 1.08333rem;
    color: #fff
}

.m-userTeacherInfo .innerPanel .starWrap .stars {
    display: inline-block
}

.m-userTeacherInfo .innerPanel .labels {
    display: inline-block;
    font-size: 0
}

.m-userTeacherInfo .innerPanel .labels .label {
    margin-right: .66667rem
}

.m-loading {
    font-size: 1.08333rem;
    color: #666;
    padding: 2.5rem 0 8.33333rem
}

.m-loading .icon {
    margin-right: .66667rem
}

.m-layerInfo {
    padding: 1.66667rem 1.5rem 1.25rem;
    text-align: center
}

.m-layerInfo .title {
    font-size: 1.41667rem;
    color: #333;
    text-align: center
}

.m-layerInfo .ctnWrap {
    text-align: center
}

.m-layerInfo .ctnWrap .img {
    margin: 1.66667rem auto .83333rem;
    width: 6.66667rem;
    height: 6.66667rem;
    border-radius: 50px
}

.m-layerInfo .ctnWrap .p {
    line-height: 1.66667rem;
    font-size: 1.25rem;
    color: #666
}

.m-layerInfo .ctnWrap .span {
    line-height: 1.66667rem;
    font-size: 1.08333rem;
    color: #888
}

.m-layerInfo .btn {
    display: inline-block;
    width: 13.33333rem;
    margin-top: .83333rem;
    line-height: 3.33333rem;
    font-size: 1.41667rem;
    text-align: center;
    border-radius: 3px
}

.m-jumbotron {
    position: relative;
    padding: 1.83333rem 1.33333rem;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/score_bg.png);
    background-size: 100% 100%
}

.m-jumbotron .infoWrap .p {
    font-size: 1rem;
    color: #fff
}

.m-jumbotron .infoWrap .h3 {
    font-size: 4rem;
    color: #fff
}

.m-infoWell {
    padding: 1.25rem;
    background-color: #fff
}

.m-infoWell .item {
    position: relative
}

.m-infoWell .item .left {
    display: inline-block
}

.m-infoWell .item .left .h3 {
    font-size: 1.25rem;
    color: #333;
    font-weight: 400;
    line-height: 2.5rem
}

.m-infoWell .item .left .p {
    font-size: 1rem;
    color: #ccc;
    line-height: 1.5rem
}

.m-infoWell .item .left .p > i {
    margin-right: .33333rem;
    vertical-align: middle
}

.m-infoWell .item .left .p > span {
    display: inline-block;
    vertical-align: middle
}

.m-infoWell .item .right {
    position: absolute;
    top: 0;
    right: 0
}

.m-infoWell .item .right .em {
    font-size: 1.66667rem;
    font-weight: 400
}

.m-infoWell .item .right .span {
    font-size: 1rem;
    color: #ccc;
    line-height: 1.5rem
}

.m-qrCode-wrapper {
    display: inline-block;
    background-color: #fff;
    padding: .83333rem;
    width: 12.91667rem;
    border: 1px solid #eee
}

.m-checkIn-wrapper {
    padding: 0 1.25rem
}

.m-checkIn-wrapper .imgWarp {
    margin-top: 1.66667rem
}

.m-checkIn-wrapper .imgWarp .icon {
    width: 14rem;
    height: 12rem
}

.m-checkIn-wrapper .txt {
    margin-top: 1.66667rem;
    font-size: 1.08333rem;
    color: #666;
    line-height: 1.4
}

.m-checkIn-wrapper .checkInList {
    margin-top: 1.66667rem
}

.m-infoBtnWrap {
    padding: 1.25rem;
    font-size: 0
}

.m-infoBtnWrap .left {
    display: inline-block;
    width: 50%;
    font-size: 1.08333rem;
    color: #666;
    vertical-align: middle
}

.m-infoBtnWrap .left .label > i {
    width: 1.5rem;
    height: 1.5rem
}

.m-infoBtnWrap .right {
    display: inline-block;
    width: 50%;
    text-align: right;
    vertical-align: middle
}

.m-infoBtnWrap .right .btn {
    width: 6.66667rem
}

.m-checkInStatus {
    padding: 1.66667rem 0 2.5rem;
    background-color: #fff
}

.m-checkInStatus .imgWarp {
    width: 11.16667rem;
    height: 9.58333rem;
    margin: 0 auto .83333rem
}

.m-checkInStatus .imgWarp .icon {
    width: 100%
}

.m-checkInStatus .ctnWrap {
    text-align: center
}

.m-checkInStatus .ctnWrap > h5 {
    margin-bottom: 1.33333rem;
    font-size: 1.41667rem;
    color: #333;
    font-weight: 400
}

.m-checkInStatus .ctnWrap > p {
    margin-bottom: .83333rem;
    font-size: 1.08333rem;
    color: #888
}

.m-checkInStatus .ctnWrap .btn {
    width: 13.75rem;
    line-height: 3.33333rem;
    font-size: 1.5rem;
    color: #fff
}

.m-checkInOrder {
    position: relative;
    padding: 1.25rem;
    background-color: #fff
}

.m-checkInOrder .title {
    margin-bottom: 1.33333rem;
    font-weight: 400;
    font-size: 1.5rem;
    color: #333;
    line-height: 1.2
}

.m-checkInOrder .info {
    font-size: 1.08333rem;
    color: #888;
    line-height: 1.5
}

.m-checkInOrder .btnWrap {
    position: absolute;
    bottom: 1.25rem;
    right: 1.25rem
}

.m-checkInOrder .btnWrap .btn {
    width: 8.33333rem;
    line-height: 3.5rem;
    font-size: 1.5rem
}

.m-checkInOrder .btnWrap .btn.checked {
    color: #ccc;
    background-color: #eee
}

.u-btn {
    width: 31.25rem;
    height: 3.5rem;
    line-height: 3.5rem;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    border: none
}

.u-btn.u-btn-full {
    width: 100%
}

.u-btn-main, .u-btn-main:hover {
    color: #fff;
    background-color: #00bfbf
}

.u-btn-main.z-active, .u-btn-main:active {
    color: #fff;
    background-color: #00a0a0
}

.u-btn-main.z-disable, .u-btn-main[disabled] {
    color: #fff;
    background-color: #76d3d3
}

.u-btn-main2 {
    width: auto;
    padding: 0 1.66667rem;
    min-width: 165px;
    font-size: 1.25rem;
    box-sizing: border-box;
    border-radius: 3px
}

.u-btn-main2, .u-btn-main2:hover {
    color: #fff;
    background-color: #00bfbf
}

.u-btn-main2.z-active, .u-btn-main2:active {
    color: #fff;
    background-color: #00a0a0
}

.u-btn-main2.z-disable, .u-btn-main2[disabled] {
    color: #fff;
    background-color: #76d3d3
}

.u-btn-main2-green {
    color: #00bfbf;
    background-color: #fff;
    border: 1px solid #00bfbf
}

.u-btn-main2-green.z-disable, .u-btn-main2-green[disabled] {
    color: #ccc;
    background-color: #eee;
    border: none
}

.u-btn-white {
    color: #000;
    border: 1px solid #ddd
}

.u-btn-green, .u-btn-white {
    background-color: #fff;
    box-sizing: border-box
}

.u-btn-green {
    color: #00bfbf;
    border: 1px solid #00bfbf;
    border-radius: 3px;
    height: 2.66667rem;
    line-height: 2.66667rem;
    font-size: 1.25rem
}

.u-btn-tiny {
    color: #888;
    background-color: hsla(0, 0%, 100%, .6);
    border-radius: 3px;
    height: 1.66667rem;
    line-height: 1.66667rem;
    font-size: 1rem;
    border: none
}

.u-btn-sub {
    color: #00bfbf;
    background-color: #fff;
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    box-sizing: border-box;
    border: 1px solid #00bfbf;
    font-size: 1.33333rem;
    padding: 0 .83333rem
}

.u-btn-sub.z-disabled, .u-btn-sub[disabled] {
    color: #ccc;
    background-color: #eee;
    border: none
}

.u-btn-sub.z-guide {
    color: #fea500;
    background-color: #fff;
    border: 1px solid #fea500
}

.u-btn-sub.z-sub {
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd
}

.u-border-btn, .u-border-btn-gray {
    display: inline-block;
    padding: 0 3.91667rem;
    height: 3.33333rem;
    border: 1px solid #00bfbf;
    border-radius: 5px;
    font-size: 1.5rem;
    color: #00bfbf;
    line-height: 3.33333rem
}

.u-border-btn-gray {
    border: 1px solid #ddd;
    color: #000
}

.u-btn-small {
    color: #666;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #999;
    text-align: center;
    padding: 0 .5rem;
    box-sizing: border-box;
    height: 2rem;
    width: auto;
    line-height: 2rem
}

.u-txt-btn {
    display: inline-block;
    width: 50%;
    padding: 1.66667rem 0;
    text-align: center;
    color: #00bfbf;
    background-color: #fff
}

.u-txt-btn .span {
    width: 100%;
    line-height: 1.66667rem;
    display: inline-block;
    font-size: 1.25rem
}

.u-txt-btn.u-txt-btn-full {
    width: 100%
}

.u-btn-transparent {
    color: #00bfbf;
    background-color: transparent;
    border-radius: 2px;
    border: 1px solid #00bfbf;
    box-sizing: border-box;
    padding: 0 .83333rem;
    min-width: 90px;
    height: 2.83333rem;
    line-height: 2.66667rem;
    text-align: center;
    font-size: 1.16667rem
}

.u-btn-transparent.u-btn-transparent-warn {
    color: #f55;
    background-color: transparent;
    border: 1px solid #f55
}

.u-btn-transparent .icn, .u-btn-transparent .txt {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    color: #00bfbf
}

.u-btn-transparent .icn {
    margin-right: .41667rem
}

.u-btn-wx {
    position: relative;
    background-color: #0faf4b
}

.u-btn-wx:before {
    content: "";
    position: absolute;
    width: 2.66667rem;
    height: 2.66667rem;
    left: 0;
    bottom: 0;
    opacity: .2;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_wx.png);
    background-size: cover
}

.u-btn-wx:active {
    background-color: #0faf4b
}

.u-btn-wx.z-disable, .u-btn-wx[disabled] {
    background-color: rgba(15, 175, 75, .4)
}

.u-btn-round {
    width: auto;
    line-height: 2rem;
    height: 2rem;
    padding: 0 1rem;
    border-radius: 12px;
    font-size: 1.16667rem
}

.u-btn-round, .u-btn-round:active {
    color: #fff;
    background-color: #666
}

.u-btn-guide, .u-btn-guide:active, .u-btn-guide:hover {
    color: #fff;
    background-color: #fea500
}

.u-btn-gray, .u-btn-gray:active, .u-btn-gray:hover {
    color: #fff;
    background-color: #666
}

.u-mark {
    display: inline-block;
    padding: 0 1rem;
    border: 1px solid transparent;
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 1.41667rem;
    line-height: 1em
}

.u-mark-guide {
    color: #fea500;
    border-color: #fea500
}

.u-mark-guide:active, .u-mark-guide:hover {
    color: #fea500
}

.u-mark-light {
    color: #888;
    border-color: #ccc
}

.u-mark-light:active, .u-mark-light:hover {
    color: #ccc
}

.u-label {
    display: inline-block;
    padding: .33333rem .83333rem;
    background-color: #00bfbf;
    box-sizing: border-box;
    font-size: .91667rem;
    color: #fff
}

.u-icon-shop {
    height: 1.25rem;
    background: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_shop.png) no-repeat 0 0;
    background-size: 100% 100%
}

.u-icon-shop, .u-icon-time {
    display: inline-block;
    width: 1.33333rem
}

.u-icon-time {
    height: 1.33333rem;
    background: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_time.png) no-repeat 0 0;
    background-size: 100% 100%
}

.u-icon-arrow-right, .u-icon-arrow-right-white {
    display: inline-block;
    width: .66667rem;
    height: 1.08333rem;
    background: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_arrow.png) no-repeat 0 0;
    background-size: 100% 100%
}

.u-icon-arrow-right-white {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_arrow_right_white.png)
}

.u-icon-arrow-left {
    display: inline-block;
    width: .66667rem;
    height: 1.08333rem;
    background: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_arrow.png) no-repeat 0 0;
    background-size: 100% 100%;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.u-icon-arrow-left-white {
    display: inline-block;
    width: 1.66667rem;
    height: 1.66667rem;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_arrow_back.png)
}

.u-icon-arrow-down {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.u-icon-arrow-down, .u-icon-arrow-up {
    display: inline-block;
    width: .66667rem;
    height: 1.08333rem;
    background: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_arrow.png) no-repeat 0 0;
    background-size: 100% 100%
}

.u-icon-arrow-up {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.u-icn-arrow-right-main, .u-icn-arrowRight {
    width: .75rem;
    height: 1.33333rem;
    vertical-align: text-top;
    background-repeat: no-repeat;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_arrow_right.png);
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle
}

.u-icn-arrow-right-main.small, .u-icn-arrowRight.small {
    display: inline-block;
    width: .5rem;
    height: .83333rem;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat
}

.u-icn-arrowRight-small {
    width: .58333rem;
    height: 1rem
}

.u-icn-arrow-left-main, .u-icn-arrowRight-small {
    vertical-align: text-top;
    background-repeat: no-repeat;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_arrow_right.png);
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle
}

.u-icn-arrow-left-main {
    width: .75rem;
    height: 1.33333rem;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.u-icn-arrow-left-main.small {
    width: .5rem;
    height: .83333rem
}

.u-icn-arrow-left-main.small, .u-icn-arrowRight-grey {
    display: inline-block;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat
}

.u-icn-arrowRight-grey {
    width: .66667rem;
    height: 1.08333rem;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_arrow_right_grey.png);
    vertical-align: middle
}

.u-icn-flag {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_flag.png)
}

.u-icn-flag, .u-icn-user {
    display: inline-block;
    width: .83333rem;
    height: 1rem;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat
}

.u-icn-user {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_user.png)
}

.u-icn-overdue {
    height: 1rem;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_overdue.png)
}

.u-icn-guide, .u-icn-overdue {
    display: inline-block;
    width: .83333rem;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat
}

.u-icn-guide {
    height: 1.58333rem;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_guide.png)
}

.u-icn-emptyCourse {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_course_empty.png)
}

.u-icn-emptyCourse, .u-icn-emptyOrder {
    display: inline-block;
    width: 8rem;
    height: 8rem;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat
}

.u-icn-emptyOrder {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_order_empty.png)
}

.u-icn-emptyPhoto {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_photo_empty.png)
}

.u-icn-emptyPhoto, .u-icn-emptyPlan {
    display: inline-block;
    width: 8rem;
    height: 8rem;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat
}

.u-icn-emptyPlan {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_plan_empty.png)
}

.u-icn-male {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_gender_male.png)
}

.u-icn-female, .u-icn-male {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat
}

.u-icn-female {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_gender_female.png)
}

.u-icn-add {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_add.png)
}

.u-icn-add, .u-icn-loading {
    display: inline-block;
    width: 3.33333rem;
    height: 3.33333rem;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat
}

.u-icn-loading {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_loading.png);
    animation: a 2s infinite linear;
    -webkit-animation: a 2s infinite linear
}

.u-icn-black-loading {
    width: 1.25rem;
    height: 1.25rem;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_loading_black.png);
    animation: a 2s infinite linear;
    -webkit-animation: a 2s infinite linear
}

.u-icn-black-loading, .u-icn-close {
    display: inline-block;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat
}

.u-icn-close {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 2.66667rem;
    height: 2.66667rem;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_add_white.png)
}

.u-icn-close2 {
    width: 2.66667rem;
    height: 4.91667rem;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_close.png)
}

.u-icn-close2, .u-icn-delete {
    display: inline-block;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat
}

.u-icn-delete {
    width: 1.66667rem;
    height: 1.66667rem;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_delete.png)
}

.u-icn-delete-tiny {
    width: 1rem;
    height: 1rem;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_list_delete.png)
}

.u-icn-cost, .u-icn-delete-tiny {
    display: inline-block;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat
}

.u-icn-cost {
    width: .83333rem;
    height: .91667rem;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_cost.png)
}

.u-icn-select {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    box-sizing: border-box;
    border: 1px solid #ccc
}

.u-icn-select.z-active {
    border: none;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_selected.png)
}

.u-icn-select.z-active, .u-icn-wechat {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-top;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.u-icn-wechat {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_pay_wechat.png)
}

.u-icn-free {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/ic_pay_free.png)
}

.u-icn-card, .u-icn-free {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat
}

.u-icn-card {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_pay_card.png)
}

.u-icn-selected {
    display: inline-block;
    width: 1.2rem;
    height: .6rem;
    border-left: .16667rem solid #1cbfbe;
    border-bottom: 2px solid #1cbfbe;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.u-icn-app {
    width: 4rem;
    height: 4rem;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon-app-logo.png)
}

.u-icn-app, .u-icn-horn {
    display: inline-block;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat
}

.u-icn-horn {
    width: 2.5rem;
    height: 1.75rem;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_horn.png)
}

.u-icn-horn.u-icn-horn-marked {
    position: relative
}

.u-icn-horn.u-icn-horn-marked:after {
    content: "";
    position: absolute;
    right: -.08333rem;
    top: -.16667rem;
    width: .66667rem;
    height: .66667rem;
    box-sizing: border-box;
    background-color: #f55;
    border: 1px solid #fff;
    border-radius: 100%
}

.u-icn-success {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_success.png)
}

.u-icn-checkin, .u-icn-success {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat
}

.u-icn-checkin {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_success_checkin.png)
}

.u-icn-wait {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_wait.png)
}

.u-pay-success {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_pay_success.png)
}

.u-pay-failed, .u-pay-success {
    display: inline-block;
    width: 9.16667rem;
    height: 9.16667rem;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat
}

.u-pay-failed {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_pay_failed.png)
}

.u-icn-remove {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_remove.png)
}

.u-icn-actionUp, .u-icn-remove {
    display: inline-block;
    width: 1.66667rem;
    height: 1.66667rem;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat
}

.u-icn-actionUp {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/ic-action-up.png)
}

.u-icn-actionDelete {
    display: inline-block;
    width: 1.66667rem;
    height: 1.66667rem;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/ic-action-delete.png)
}

.u-icn-hint {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_hint.png)
}

.u-icn-hint, .u-icn-shop2 {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat
}

.u-icn-shop2 {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_shop2.png)
}

.u-icn-remark {
    width: 1rem;
    height: 1rem;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_remark.png)
}

.u-icn-remark, .u-icn-warning {
    display: inline-block;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat
}

.u-icn-warning {
    width: 3.33333rem;
    height: 3.33333rem;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_warning.png)
}

.u-icn-check {
    width: 1.66667rem;
    height: 1.66667rem;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_checked3.png)
}

.u-icn-check, .u-icn-ranking {
    display: inline-block;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat
}

.u-icn-ranking {
    width: 1.33333rem;
    height: 1.33333rem;
    background-image: url(../assets/icon_ranking.png)
}

.u-icn-rank1 {
    background-image: url(../assets/ic_ranking_1.png)
}

.u-icn-rank1, .u-icn-rank2 {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat
}

.u-icn-rank2 {
    background-image: url(../assets/ic_ranking_2.png)
}

.u-icn-rank3 {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat;
    background-image: url(../assets/ic_ranking_3.png)
}

.u-icn-rank-shop {
    background-image: url(../assets/icon_ranking_shop.png)
}

.u-icn-rank-all, .u-icn-rank-shop {
    display: inline-block;
    width: 14.25rem;
    height: 10.83333rem;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat
}

.u-icn-rank-all {
    background-image: url(../assets/icon_ranking_all.png)
}

.u-icn-emptyTraining {
    height: 10rem;
    background-image: url(../assets/icon_training_empty.png)
}

.u-icn-check-suc, .u-icn-emptyTraining {
    display: inline-block;
    width: 11.16667rem;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat
}

.u-icn-check-suc {
    height: 9.58333rem;
    background-image: url(../assets/coach_app/icon_checkin_suc_app.png)
}

.u-icn-qrcode-expired {
    display: inline-block;
    width: 7.25rem;
    height: 6.83333rem;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat;
    background-image: url(../assets/icon_qrcode_expired.png)
}

.u-icn-oops {
    background-image: url(../assets/icon_oops.png)
}

.u-icn-oops, .u-icn-year {
    display: inline-block;
    width: 14.66667rem;
    height: 5.83333rem;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat
}

.u-icn-year {
    background-image: url(../assets/icon_year.png)
}

.m-counter {
    font-size: 1rem
}

.m-counter, .m-counter .icon {
    display: inline-block;
    color: #888
}

.m-counter .icon {
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #ccc;
    border-radius: 8px;
    text-align: center;
    line-height: 2.5rem;
    font-size: 1.66667rem
}

.m-counter .count {
    margin: 0 .83333rem
}

.m-counter .count .em {
    font-size: 1.66667rem;
    color: #000
}

.m-counter.m-counter-round {
    line-height: 0
}

.m-counter.m-counter-round .icon {
    width: 2.33333rem;
    height: 2.33333rem;
    line-height: 2.33333rem;
    box-sizing: border-box;
    border-radius: 100%;
    border-color: #f55;
    color: #f55;
    background-color: #fce7e4;
    vertical-align: middle
}

.m-counter.m-counter-round .count {
    vertical-align: middle
}

.m-counter.m-counter-round .count .em {
    font-size: 1.33333rem;
    font-weight: 400
}

.s-txt-warn {
    color: #f55 !important
}

.s-txt-live {
    color: #00bfbf !important
}

.s-txt-guide {
    color: #fea500 !important
}

.s-txt-normal {
    color: #888 !important
}

.s-green-normal {
    color: #0db14b !important
}

.f-txt-middle {
    font-size: 1.25rem !important
}

.f-txt-small {
    font-size: 1.08333rem !important
}

.m-tagLst {
    font-size: 0;
    background-color: #fff
}

.m-tagLst .u-tag {
    display: inline-block;
    margin: 0 .58333rem .58333rem 0
}

.m-tagLst .name, .m-tagLst .tag, .m-tagLst .u-tag {
    white-space: nowrap
}

.m-planInfo {
    padding: .83333rem 1.5rem;
    border-bottom: 1px solid #eee;
    background-color: #fff
}

.m-planInfo > .planBtnWrap {
    text-align: center
}

.m-planInfo > .planBtnWrap .btn {
    height: 3.5rem;
    line-height: 3.5rem;
    font-size: 1.5rem
}

.m-planInfo .title {
    font-size: 1.08333rem;
    font-weight: 400;
    color: #888
}

.m-planInfo .table {
    width: 100%;
    margin: 1.25rem 0
}

.m-planInfo .tags {
    margin-bottom: -1.08333rem
}

.m-planInfo .tags .name {
    display: inline-block;
    font-size: 1.08333rem;
    color: #888
}

.m-table1 {
    border: 1px solid #eee;
    background-color: #f8f8f8;
    line-height: 1.5rem;
    text-align: left
}

.m-table1 .w15 {
    width: 15%
}

.m-table1 thead {
    border-bottom: 1px solid #eee;
    color: #888;
    font-size: 1.08333rem
}

.m-table1 thead th {
    padding: .5rem;
    text-align: left
}

.m-table1 tbody {
    color: #888
}

.m-table1 tbody td {
    padding: .5rem;
    box-sizing: border-box;
    text-align: left
}

.u-tag {
    display: inline-block;
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0 .83333rem;
    font-size: 1.08333rem;
    color: #888;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 10px
}

.u-tag.z-active {
    color: #00bfbf;
    border-color: #00bfbf
}

.u-tag-bright {
    display: inline-block;
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0 .83333rem;
    font-size: 1.08333rem;
    color: #00bfbf;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 10px
}

.m-commentStars .star {
    display: inline-block;
    margin-right: .5rem;
    width: 1.66667rem;
    height: 1.66667rem;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_star_grey.png);
    background-size: 100% 100%
}

.m-commentStars .star.z-active {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_star.png)
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fade-transition {
    transition: all .3s ease
}

.fade-enter, .fade-leave {
    opacity: 0
}

.slide-transition {
    transition: all .3s ease
}

.slide-enter, .slide-leave {
    -webkit-transform: translate3d(0, 500px, 0);
    transform: translate3d(0, 500px, 0)
}

.h-impenetrableParent {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.h-impenetrable {
    -webkit-transform: translateZ(100px);
    transform: translateZ(100px)
}

.m-form {
    overflow: hidden;
    background-color: #fff
}

.m-form.transparent {
    background-color: transparent
}

.m-form .formWrap {
    margin-left: 1.25rem;
    padding: .41667rem 0;
    font-size: 0;
    vertical-align: middle;
    color: #333;
    border-bottom: 1px solid #eee
}

.m-form .formWrap:last-child {
    border-bottom: none
}

.m-form .formWrap .left, .m-form .formWrap .right {
    display: inline-block;
    font-size: 1.25rem;
    box-sizing: border-box;
    vertical-align: middle
}

.m-form .formWrap .left.text, .m-form .formWrap .right.text {
    text-align: center;
    color: #ccc
}

.m-form .formWrap .left {
    width: 25%;
    text-align: left
}

.m-form .formWrap .left.left-60 {
    width: 60%
}

.m-form .formWrap .left.left-44 {
    width: 44%
}

.m-form .formWrap .right {
    width: 75%;
    padding: 0 1.25rem;
    text-align: right;
    border-left: .08333rem solid #eee;
    color: #888
}

.m-form .formWrap .right.clean {
    border: none
}

.m-form .formWrap .right.right-40 {
    width: 40%
}

.m-form .formWrap .right.right-56 {
    width: 56%
}

.m-form .formWrap .right input {
    text-align: right;
    color: #888
}

.m-form .formWrap .inputWrap, .m-form .formWrap .labelWrap {
    height: 3.33333rem;
    line-height: 3.33333rem
}

.m-form .formWrap .inputWrap input {
    height: 100%;
    width: 100%;
    border: none;
    box-sizing: border-box;
    font-size: 1.25rem
}

.m-form .formWrap .inputWrap .select, .m-form .formWrap .inputWrap input[type=date] {
    height: 3.33333rem;
    line-height: 3.33333rem;
    vertical-align: middle;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    direction: rtl;
    text-align: right
}

.m-form .formWrap .inputWrap .radioWrap {
    display: inline-block;
    font-size: 1.25rem;
    margin-left: 3.83333rem;
    position: relative
}

.m-form .formWrap .inputWrap .radioWrap .radio {
    position: absolute;
    left: -833.25rem
}

.m-form .formWrap .inputWrap .radioWrap .radio + i {
    position: absolute;
    left: -1.58333rem;
    top: 50%;
    margin-top: -8px;
    width: 14px;
    height: 14px;
    background: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_radio.png) no-repeat;
    background-size: 100%
}

.m-form .formWrap .inputWrap .radioWrap .radio:checked + i {
    background: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_radio_checked.png) no-repeat;
    background-size: 100%
}

.m-form .selectWrap {
    display: block;
    position: relative
}

.m-form .selectWrap .icn {
    position: absolute;
    right: .75rem;
    top: 50%
}

.m-form .selectWrap .icn.u-icon-arrow-down {
    margin-top: -.5rem
}

.m-form .imgWrap {
    width: 6.66667rem;
    height: 6.66667rem;
    margin: 1.66667rem auto;
    position: relative;
    border-radius: 100%;
    overflow: hidden;
    background: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_camera.png) 50% no-repeat;
    background-size: cover
}

.m-form .imgWrap > img {
    width: 100%;
    height: 100%
}

.m-form .imgWrap input[type=file] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0
}

.m-form .labelWrap {
    display: block;
    position: relative;
    color: #333;
    font-size: 1.41667rem
}

.m-form .labelWrap > input[type=radio] {
    position: absolute;
    left: -833.25rem
}

.m-form .labelWrap > input[type=radio]:checked + i {
    display: inline-block;
    width: 1.33333rem;
    height: 1rem;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_checkbox_checked.png);
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -.5rem
}

.m-form .labelWrap > input[type=checkbox] {
    position: absolute;
    left: -833.25rem
}

.m-form .labelWrap > input[type=checkbox] + i {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_radio.png);
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1rem;
    pointer-events: none
}

.m-form .labelWrap > input[type=checkbox].z-checked + i, .m-form .labelWrap > input[type=checkbox]:checked + i {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_radio_checked.png)
}

.m-inputWrap {
    position: relative
}

.m-inputWrap > input[type=checkbox] {
    position: absolute;
    left: -833.25rem
}

.m-inputWrap > input[type=checkbox] + i {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-size: 100% 100%;
    vertical-align: text-top;
    background-repeat: no-repeat;
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_radio.png);
    pointer-events: none;
    vertical-align: middle
}

.m-inputWrap > input[type=checkbox].z-checked + i, .m-inputWrap > input[type=checkbox]:checked + i {
    background-image: url(http://qcfile.b0.upaiyun.com/fitness/mobile_v2/1497253702724/assets/icon_radio_checked.png)
}

.m-ads {
    font-size: 0;
    position: relative
}

.m-ads, .m-ads > li {
    width: 100%;
    height: 100%
}

.m-ads > li {
    display: inline-block
}

.m-ads > li > a, .m-ads > li > a > img {
    display: block;
    width: 100%
}

.m-waring {
    padding: 1.66667rem;
    background-color: #fff4e5;
    font-size: 0
}

.m-waring .icn, .m-waring .txt {
    display: inline-block;
    vertical-align: middle
}

.m-waring .txt {
    color: #333;
    line-height: 1.5;
    font-size: 1.16667rem;
    width: 100%;
    box-sizing: border-box;
    margin-left: -3.33333rem;
    padding-left: 4.16667rem
}

.m-waring .txt > a {
    color: #4990e2;
    text-decoration: underline
}

.m-customerHeader {
    font-size: 0;
    line-height: 0;
    background-color: #00bfbf
}

.m-customerHeader > .txtWrap {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    height: 5rem;
    line-height: 5rem;
    width: 100%;
    box-sizing: border-box;
    margin-left: -6rem;
    padding-left: 6rem;
    margin-right: -6rem;
    padding-right: 6rem;
    text-align: center;
    font-size: 1.5rem
}

.m-customerHeader > .txtWrap.txt-left {
    text-align: left
}

.m-customerHeader > .txtWrap.txt-right {
    text-align: right
}

.m-customerHeader > .actionWrap {
    display: inline-block;
    vertical-align: middle;
    z-index: 2;
    width: 6rem;
    text-align: center
}

.m-customerHeader > .actionWrap .icn {
    background-size: 100%
}

.m-customerHeader > .actionWrap .m-notice {
    display: inline-block
}

.m-customerHeader.m-customerHeader-narrow > .txtWrap {
    height: 3.83333rem;
    line-height: 3.83333rem
}

.m-header-banner {
    text-align: center;
    margin-top: 1.66667rem
}

.m-header-banner > .icn {
    margin-bottom: 1.25rem
}

.m-header-banner > h4 {
    font-size: 1.5rem;
    line-height: 2.08333rem;
    color: #333
}

.m-header-banner > p {
    font-size: 1rem;
    line-height: 1.25rem;
    color: #bbb;
    margin-top: .33333rem
}

.m-noticeList > li {
    margin-left: 2rem;
    line-height: 0;
    font-size: 0
}

.m-noticeList > li > .imgWrap {
    display: inline-block;
    vertical-align: middle;
    width: 4rem;
    height: 4rem;
    border-radius: 100%;
    overflow: hidden;
    position: relative
}

.m-noticeList > li > .imgWrap > img {
    width: 100%;
    height: 100%
}

.m-noticeList > li > .txtWrap {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    width: 100%;
    margin-left: -4rem;
    padding-left: 5rem
}

.m-noticeList > li > .txtWrap > .inner {
    padding: 1.5rem 5rem 1.5rem 0;
    border-bottom: 1px solid #eee
}

.m-noticeList > li > .txtWrap > .inner h5 {
    font-size: 1.16667rem;
    line-height: 1.5;
    font-weight: 400;
    color: #333
}

.m-noticeList > li > .txtWrap > .inner p {
    font-size: 1.08333rem;
    line-height: 1.5;
    color: #666
}

.m-noticeList > li > .icn {
    display: inline-block;
    vertical-align: middle;
    margin-left: -2.5rem
}

.m-noticeList > li.z-mark:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: -100%;
    width: .66667rem;
    height: .66667rem;
    border-radius: 100%;
    background-color: #f55;
    position: relative;
    left: .5rem
}

.m-noticeDetail > header {
    min-height: 7rem;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    padding: 1.25rem 1.66667rem
}

.m-noticeDetail > header > .txtWrap {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    vertical-align: top;
    margin-right: -5rem;
    padding-right: 5rem
}

.m-noticeDetail > header > .txtWrap h5 {
    font-size: 1.16667rem;
    line-height: 1.5;
    font-weight: 400;
    color: #333;
    margin-bottom: .41667rem
}

.m-noticeDetail > header > .txtWrap p {
    font-size: 1.08333rem;
    line-height: 1.5;
    color: #666
}

.m-noticeDetail > header > .imgWrap {
    display: inline-block;
    vertical-align: top;
    width: 4rem;
    height: 4rem;
    border-radius: 100%;
    overflow: hidden
}

.m-noticeDetail > header > .imgWrap > img {
    width: 100%;
    height: 100%
}

.m-noticeDetail > section {
    padding: 1rem 1.66667rem;
    font-size: 1.08333rem
}

.m-noticeDetail > section img {
    max-width: 100% !important
}

.m-loading {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 5;
    background-color: #f8f8f8;
    text-align: center
}

.m-loading > i {
    display: inline-block;
    box-sizing: border-box;
    margin-top: 60%;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 4px solid #00bfbf;
    animation: a 1.2s infinite linear;
    -webkit-animation: a 1.2s infinite linear;
    -moz-animation: a 1.2s infinite linear
}

.m-loading > i:after {
    content: "";
    position: absolute;
    left: 50%;
    top: -14px;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background-color: #f8f8f8
}

.m-loading > p {
    font-size: 12px;
    color: #888;
    margin-top: 10px
}

.m-richText {
    padding: 1.25rem 1.66667rem;
    font-size: 1.08333rem;
    background-color: #fff
}

.m-richText img {
    max-width: 100% !important
}

.m-list > li {
    padding: 1.66667rem 1.25rem;
    border-bottom: 1px solid #eee;
    font-size: 0;
    background-color: #fff
}

.m-list > li > .imgWrap {
    display: inline-block;
    vertical-align: middle;
    width: 5rem;
    height: 5rem;
    border-radius: 100%;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #eee
}

.m-list > li > .imgWrap > img {
    width: 100%;
    height: 100%
}

.m-list > li > .txtWrap {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box
}

.m-list > li > .txtWrap h5 {
    font-size: 1.16667rem;
    line-height: 1.5;
    font-weight: 400;
    color: #333;
    margin-bottom: .41667rem
}

.m-list > li > .txtWrap h5 .icn, .m-list > li > .txtWrap h5 .txt {
    vertical-align: middle;
    margin-right: .41667rem
}

.m-list > li > .txtWrap p {
    font-size: 1.08333rem;
    line-height: 1.5;
    color: #666
}

.m-list > li > .txtWrap.txtWrap-main {
    width: 100%;
    margin-left: -5rem;
    margin-right: -5rem;
    padding-left: 5.83333rem;
    padding-right: 5.83333rem
}

.m-list > li > .txtWrap.txtWrap-aside {
    width: 5rem
}

.m-list-banner > li {
    padding: 1rem .83333rem 0;
    background-color: #fff;
    margin: 1.25rem 0
}

.m-list-banner > li > .bannerWrap {
    height: 0;
    width: 100%;
    padding-bottom: 55.55555556%;
    position: relative;
    overflow: hidden;
    color: #fff;
    background-color: #f4f4f4
}

.m-list-banner > li > .bannerWrap:after {
    content: "";
    width: 100%;
    height: 6rem;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: .5;
    background: linear-gradient(180deg, transparent, #000)
}

.m-list-banner > li > .bannerWrap h4 {
    font-size: 1.41667rem;
    line-height: 2rem;
    position: absolute;
    bottom: 2.25rem;
    left: .83333rem;
    z-index: 1
}

.m-list-banner > li > .bannerWrap p {
    font-size: 1.08333rem;
    line-height: 1.41667rem;
    position: absolute;
    bottom: .66667rem;
    left: .83333rem;
    z-index: 1
}

.m-list-banner > li > .tipWrap p {
    font-size: 1.08333rem;
    line-height: 4.16667rem;
    color: #888
}

.m-list-banner > li > .tipWrap p.main {
    font-size: 1.25rem;
    font-weight: bolder;
    color: #00bfbf
}

.m-list-banner > li > .tipWrap p.main.main-large {
    font-size: 1.5rem
}

.m-list-banner > li.z-disabled > .tipWrap p.main {
    color: #bbb
}

.m-list-training > li {
    padding: 0 1.25rem;
    margin: 1.25rem 0;
    background-color: #fff
}

.m-list-training > li > header > p {
    line-height: 3.16667rem;
    color: #888;
    font-size: 1.08333rem
}

.m-list-training > li > header > p > .icn, .m-list-training > li > header > p > .txt {
    display: inline-block;
    vertical-align: middle;
    line-height: normal
}

.m-list-training > li > header > p > .icn {
    margin-right: .41667rem
}

.m-list-training > li > header > p.main {
    color: #00bfbf
}

.m-list-training > li > section {
    font-size: 0;
    padding-bottom: 1.66667rem
}

.m-list-training > li > section > .imgWrap {
    width: 9rem;
    height: 6.75rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    background-color: #f4f4f4
}

.m-list-training > li > section > .txtWrap {
    width: 100%;
    box-sizing: border-box;
    margin-left: -9rem;
    padding-left: 9.83333rem;
    min-height: 6.75rem;
    padding-bottom: 2.5rem;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.m-list-training > li > section > .txtWrap > h4 {
    font-size: 1.41667rem;
    line-height: 1.5;
    color: #333;
    max-height: 4.5rem;
    overflow: hidden
}

.m-list-training > li > section > .txtWrap > p {
    position: absolute;
    bottom: 0;
    font-size: 1.16667rem;
    line-height: 1.5rem;
    color: #888
}

.m-list-training > li > section > .txtWrap > p:after {
    content: "";
    width: 1.66667rem;
    height: 1px;
    background-color: #eee;
    position: absolute;
    left: 0;
    top: -.41667rem
}

.m-list-training > li > footer {
    position: relative;
    margin-top: -.41667rem
}

.m-list-training > li > footer > p {
    line-height: 4.16667rem;
    color: #bbb;
    font-size: 1.08333rem;
    margin-right: 9.16667rem
}

.m-list-training > li > footer > p .sub {
    color: #333;
    font-size: 1.66667rem
}

.m-list-training > li > footer > .btn {
    position: absolute;
    right: 0;
    top: .66667rem
}

.m-list-2 {
    padding: 1.16667rem 2.33333rem 1.16667rem 1.66667rem;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 3px
}

.m-list-2 .des {
    font-size: 1.08333rem;
    color: #666;
    line-height: 1.5;
    text-align: left
}

.m-list-2 .divider {
    display: block;
    margin: .83333rem -3.16667rem .83333rem -2.5rem;
    height: 0;
    border-bottom: 1px dashed #eee
}

.m-list-2 .divider:after, .m-list-2 .divider:before {
    content: "";
    display: inline-block;
    width: 1.66667rem;
    height: 1.66667rem;
    margin-top: -.83333rem;
    background-color: #f8f8f8;
    border-radius: 20px
}

.m-list-2 .divider:before {
    float: left;
    border-right: 1px solid #eee
}

.m-list-2 .divider:after {
    float: right;
    border-left: .08333rem solid #eee
}

.m-list-2 .lists > li {
    padding: .83333rem 0;
    border-bottom: 1px solid #eee;
    text-align: left
}

.m-list-2 .lists > li:last-child {
    border-bottom: none
}

.m-list-2 .lists > li > .imgWrap {
    display: inline-block;
    width: 3.33333rem;
    height: 3.33333rem;
    border-radius: 20px;
    background-color: #eee;
    margin-right: .5rem;
    vertical-align: middle;
    overflow: hidden
}

.m-list-2 .lists > li > .imgWrap > img {
    width: 100%
}

.m-list-2 .lists > li > .txtWrap {
    display: inline-block;
    vertical-align: middle
}

.m-list-2 .lists > li > .txtWrap > h5 {
    font-size: 1.25rem;
    color: #333;
    line-height: 1.5;
    font-weight: 400
}

.m-list-2 .lists > li .right {
    float: right;
    font-size: 1.08333rem;
    color: #666;
    line-height: 3.33333rem
}

.m-list-circle {
    font-size: 0;
    line-height: 0;
    text-align: center;
    margin-top: 2rem
}

.m-list-circle > li {
    display: inline-block;
    width: 50%;
    margin-bottom: 2rem
}

.m-list-circle.m-list-circle-odd > li:first-child {
    margin-left: 25%;
    margin-right: 25%
}

.m-list-attendance > li {
    padding: 1rem 0;
    font-size: 0;
    line-height: 0
}

.m-list-attendance > li > .imgWrap {
    display: inline-block;
    vertical-align: middle;
    width: 3.33333rem;
    height: 3.33333rem;
    box-sizing: border-box;
    border: 1px solid #eee;
    border-radius: 100%;
    overflow: hidden
}

.m-list-attendance > li > .imgWrap > img {
    width: 100%;
    height: 100%
}

.m-list-attendance > li > .txtWrap {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    vertical-align: middle;
    margin-left: -3.33333rem;
    padding-left: 4.16667rem;
    margin-right: -15.83333rem;
    padding-right: 16.66667rem
}

.m-list-attendance > li > .txtWrap > h4 {
    font-size: 1.25rem;
    font-weight: 400;
    color: #333;
    line-height: normal
}

.m-list-attendance > li > .mainWrap {
    display: inline-block;
    vertical-align: middle;
    width: 15.83333rem;
    box-sizing: border-box;
    padding-right: .83333rem;
    text-align: right
}

.m-list-sup {
    font-size: 0;
    line-height: 0
}

.m-list-sup > li {
    display: inline-block;
    width: 3.75rem
}

.m-list-rank {
    background-color: #fff
}

.m-list-rank > li {
    padding: 1.66667rem 0;
    font-size: 0
}

.m-list-rank > li > .rankWrap {
    display: inline-block;
    vertical-align: middle;
    width: 5.83333rem;
    text-align: center;
    color: #333;
    font-size: 1.33333rem
}

.m-list-rank > li > .imgWrap {
    display: inline-block;
    vertical-align: middle;
    width: 3.33333rem;
    height: 3.33333rem;
    border-radius: 100%;
    overflow: hidden
}

.m-list-rank > li > .imgWrap > img {
    width: 100%;
    height: 100%
}

.m-list-rank > li > .txtWrap {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    box-sizing: border-box;
    margin-left: -9.16667rem;
    padding-left: 10rem;
    margin-right: -7.5rem;
    padding-right: 7.5rem
}

.m-list-rank > li > .txtWrap.txtWrap-long {
    margin-left: -5.83333rem;
    padding-left: 5.83333rem
}

.m-list-rank > li > .countWrap {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    width: 7.5rem;
    padding-right: 1.25rem;
    text-align: right
}

.m-list-rank > li p {
    font-size: 1.25rem;
    color: #333;
    line-height: 1.75rem
}

.m-list-rank > li p.sub {
    font-size: 1.08333rem;
    color: #888;
    line-height: 1.41667rem
}

.m-list-rank > li p.main {
    font-size: 1.5rem;
    line-height: normal
}

.m-list-rank > li p > i {
    color: #bbb;
    font-size: 1rem;
    -webkit-transform: scale(.83333333);
    transform: scale(.83333333);
    padding-left: 2px
}

.m-list-rank > li.z-active > .rankWrap {
    color: #00bfbf;
    font-size: 1.66667rem
}

.m-userSelectList {
    background-color: #fff
}

.m-userSelectList > li {
    padding: 1.25rem 0 1.25rem 1.25rem;
    margin-left: 7.08333rem;
    border-bottom: 1px solid #eee
}

.m-userSelectList > li:last-child {
    border-bottom: none
}

.m-userSelectList > li .selectWrap {
    float: left;
    margin-left: -7.08333rem;
    line-height: 4rem
}

.m-userSelectList > li .selectWrap .label {
    font-size: 1.08333rem;
    color: #666
}

.m-userSelectList > li .selectWrap .label > i {
    width: 1.5rem;
    height: 1.5rem
}

.m-userSelectList > li .selectWrap .label > span {
    display: inline-block;
    margin-left: .5rem
}

.m-userSelectList > li .infoWrap .imgWrap {
    width: 4rem;
    height: 4rem;
    margin-right: 1.25rem;
    display: inline-block;
    border-radius: 30px;
    background-color: #eee;
    vertical-align: middle;
    overflow: hidden
}

.m-userSelectList > li .infoWrap .imgWrap > img {
    width: 100%
}

.m-userSelectList > li .infoWrap .txtInfo {
    display: inline-block;
    vertical-align: middle
}

.m-userSelectList > li .infoWrap .txtInfo > h5 {
    font-size: 1.25rem;
    color: #333;
    line-height: 1.5;
    font-weight: 400
}

.m-userSelectList > li .infoWrap .txtInfo .txt {
    font-size: 1.08333rem;
    color: #888;
    line-height: 1.5
}

.m-panel2 {
    background-color: #fff;
    margin-top: 1.25rem;
    padding: 0 1.25rem;
    overflow: hidden
}

.m-panel2 > header {
    line-height: 4.16667rem;
    font-size: 0
}

.m-panel2 > header > h4 {
    font-size: 1.33333rem;
    color: #333;
    width: 100%;
    margin-right: -11.66667rem;
    padding-right: 11.66667rem;
    box-sizing: border-box
}

.m-panel2 > header > a, .m-panel2 > header > h4 {
    display: inline-block;
    vertical-align: middle
}

.m-panel2 > header > a {
    color: #00bfbf;
    font-size: 0;
    width: 11.66667rem;
    text-align: right
}

.m-panel2 > header > a > .icn, .m-panel2 > header > a > .txt {
    display: inline-block;
    vertical-align: middle
}

.m-panel2 > header > a > .txt {
    line-height: normal;
    margin: 0 .5rem;
    font-size: 1.16667rem
}

.m-panel2 > header > p {
    color: #bbb;
    font-size: 1.08333rem;
    line-height: 1.25rem;
    margin-top: -1.08333rem
}

.m-panel2 > header.center h4 {
    font-size: 1.41667rem;
    margin-right: 0;
    padding-right: 0;
    text-align: center
}

.m-panel2 > header.height {
    line-height: 5rem
}

.m-panel2 > section {
    margin: 0 auto 2rem
}

.m-panel2 > section.section-right {
    margin: 0 -1.25rem 0 0
}

.m-panel2 > section.section-right > header {
    line-height: 3.33333rem;
    font-size: 1.16667rem;
    color: #333
}

.m-panel2 > section.section-right > ul {
    padding-left: 2.08333rem
}

.m-panel2 > section.section-center {
    margin: 1.66667rem 0;
    text-align: center
}

.m-panel2 > section.section-center > p {
    font-size: 1.33333rem;
    color: #888
}

.m-panel2.mt-clean {
    margin-top: 0
}

.m-panel2.mb-clean {
    margin-bottom: 0
}

.m-notes {
    padding: .83333rem 1.25rem;
    line-height: 0;
    font-size: 0;
    background-color: #fff
}

.m-notes .mainWrap, .m-notes .subWrap {
    display: inline-block;
    vertical-align: middle
}

.m-notes .mainWrap {
    width: 100%;
    box-sizing: border-box;
    margin-right: -6.66667rem;
    padding-right: 7.5rem
}

.m-notes .subWrap {
    width: 6.66667rem;
    text-align: right;
    font-size: 1.08333rem
}

.m-notes .subWrap .icn, .m-notes .subWrap .txt {
    display: inline-block;
    vertical-align: middle
}

.m-notes p {
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #333
}

.m-notes p.sub {
    font-size: 1.08333rem;
    line-height: 1.5rem;
    color: #bbb;
    margin-bottom: .33333rem
}

@font-face {
    font-family: iconfont;
    src: url(//at.alicdn.com/t/font_yrym8vknxhto6r.eot);
    src: url(//at.alicdn.com/t/font_yrym8vknxhto6r.eot#iefix) format("embedded-opentype"), url(//at.alicdn.com/t/font_yrym8vknxhto6r.woff) format("woff"), url(//at.alicdn.com/t/font_yrym8vknxhto6r.ttf) format("truetype"), url(//at.alicdn.com/t/font_yrym8vknxhto6r.svg#iconfont) format("svg")
}

.iconfont {
    font-family: iconfont !important;
    font-size: 1.33333rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-flag:before {
    content: "\e620;"
}

.icon-user:before {
    content: "\e621;"
}

.icon-arrow-right:before {
    content: "\e61e"
}

.icon-prev:before {
    content: "\e651"
}

.icon-next:before {
    content: "\e652"
}

.icon-private:before {
    content: "\e629"
}

.icon-group:before {
    content: "\e627"
}

.icon-clock:before {
    content: "\e628"
}

.icon-edit:before {
    content: "\e62e"
}

.icon-male:before {
    content: "\e62d";
    color: #3bbff6
}

.icon-female:before {
    content: "\e62c";
    color: #fe7ab1
}

.icon-plus:before {
    content: "\e62a"
}

.icon-minus:before {
    content: "\e62b"
}

.m-measurePreview {
    position: relative;
    margin-top: 2.08333rem;
    min-height: 42.5rem;
    background: 50% no-repeat;
    background-size: 188px 510px
}

.m-measurePreview > .title {
    padding: 0 2.08333rem;
    box-sizing: border-box;
    font-weight: 400;
    color: #333;
    font-size: 1.25rem
}

.m-measurePreview .measureItem {
    font-size: 1.16667rem;
    color: #333
}

.m-measurePreview .measureItem.measureItem-arm {
    margin: 9.33333rem 3rem 0
}

.m-measurePreview .measureItem.measureItem-chest {
    margin: 2rem 5.33333rem 0 0;
    text-align: right
}

.m-measurePreview .measureItem.measureItem-waistline {
    margin-top: 2.66667rem;
    text-align: center
}

.m-measurePreview .measureItem.measureItem-hipline {
    margin: 2rem 0 0 9rem
}

.m-measurePreview .measureItem.measureItem-thigh {
    margin: 1.33333rem 5.5rem 0;
    text-align: right
}

.m-measurePreview .measureItem.measureItem-calf {
    margin: 8rem 6rem 0
}

.m-measurePreview .measureBox {
    position: absolute;
    top: 2.08333rem;
    right: 2.08333rem;
    font-size: 1.16667rem;
    color: #999;
    line-height: 1.83333rem
}

.m-measurePreview .measureBox .info {
    padding-left: 1.25rem;
    color: #333
}

.m-measurePreview.m-measurePreview-male {
    background-image: url(../assets/male_body.png)
}

.m-measurePreview.m-measurePreview-female {
    background-image: url(../assets/female_body.png)
}